欢迎来到我爱模板网，请记住我们的域名5imoban.net。本站资源大部分免费下载。如需定制，可联系站长QQ543031222。如果您觉得本站不错，请推荐给您的好友！

各位热心的网友们，欢迎给本站留言！您的任何建议和意见本站都会认真查看，仔细采纳！

当前位置：模板网首页 > 特效插件 > 滚动图片 > 支持增删图片数量的正文

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

作者：网页模板

大小：0.204MB

点击次数：

发布时间：2014-09-20 10:43

分享到：

特效介绍

我爱模板网推荐：非常简单的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":"悬浮标题"})