当前位置: 懒人建站 > JS代码 > 网页特效 >

jQuery点击左右滚动产品图片展示代码

基于jQuery的产品图文展示代码,可实现点击左右滚动,自动滚动。基于jQuery的产品图文展示jQuery插件stepcarousel.js。
分享到:

代码说明:

基于jQuery的产品图文展示代码,可实现点击左右滚动自动滚动。动态效果还不错。基于jQuery的产品图文展示jQuery插件stepcarousel.js。

配置注意下面几处的ID,要与HTML结构中ID对应。
galleryid: 'mygallery', //id of carousel DIV
document.getElementById('displaycssbelt').style.visibility="visible";
document.getElementById('stocklevels').style.visibility="visible";

配置参看:
<script type="text/javascript">
stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
panelbehavior: {speed:300, wraparound:false, persist:true},
autostep: {enable:true, moveby:4, pause:10000},
defaultbuttons: {enable: true, moveby: 4, leftnav: ['images/butt-left.gif', 0, 64], rightnav: ['images/butt-right.gif', -11, 64]},
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'], //content setting ['inline'] or ['external', 'path_to_external_file']
oninit:function(){
isloaded=true
document.getElementById('displaycssbelt').style.visibility="visible";
document.getElementById('stocklevels').style.visibility="visible";
}
})
</script>

 

来源:懒人建站|发布人:懒人建站|2010-06-21|热度:|收 藏|报 错


相关代码

懒人建站

登 录| 注 册
你也许会喜欢X 关闭↑返回顶部→相关代码/文章
收藏到: 百度搜藏 新浪微博 QQ空间 更多
香港免备案空间,一年80元,500M空间、免费送100M mysql数据库。香港新世界电讯机房,与万网香港空间同机房,懒人建站同服务器。点击这里给我发消息速度演示:jquery 特效