我爱模板网 > 特效插件 > 滚动轮播 >  支持增删图片数量的JS图片滚动插件正文

支持增删图片数量的JS图片滚动插件

特效介绍
JS图片滚动插件我爱模板网推荐:非常简单的JS图片滚动插件,圆角效果,可以随意增加和删除图片的数量。
使用方法
1、在head引入下面的js和css文件:
<link rel="stylesheet" type="text/css" href="css/5imoban.net.css" />
<script type="text/javascript" src="js/pptBox.js"></script>
2、在您需要滚动图片的位置加入下面的代码:
<div id="xxx">
     <script>
     var box =new PPTBox();
     box.width = 600; //宽度
     box.height = 295;//高度
     box.autoplayer = 3;//自动播放间隔时间
     box.add({"url":"images/tu1.jpg","href":"http://www.5imoban.net/","title":"模板网js图片滚动"})
     box.add({"url":"images/tu2.jpg","href":"http://www.5imoban.net/","title":"我爱模板网"})
     box.add({"url":"images/tu3.jpg","href":"http://www.5imoban.net/","title":"jQuery幻灯"})
     box.add({"url":"images/tu4.jpg","href":"http://www.5imoban.net/","title":"这里是图片提示"})
     box.show();
    </script>
</div>
注:想增删图片数量,按照下面的格式,追加在“box.show()”的前面即可:
box.add({"url":"图片地址","href":"链接地址","title":"悬浮标题"})


部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:bxCarousel图片无缝滚动jQuery插件 下一篇:仿淘宝jQuery图片滚动插件
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢