首页 > 特效插件 > 滚动轮播 >  支持增删图片数量的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":"悬浮标题"})