特效介绍
我爱模板网推荐:非常简单的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":"https://5.jimth.com/","title":"模板网js图片滚动"})
box.add({"url":"images/tu2.jpg","href":"https://5.jimth.com/","title":"我爱模板网"})
box.add({"url":"images/tu3.jpg","href":"https://5.jimth.com/","title":"jQuery幻灯"})
box.add({"url":"images/tu4.jpg","href":"https://5.jimth.com/","title":"这里是图片提示"})
box.show();
</script>
</div>
注:想增删图片数量,按照下面的格式,追加在“box.show()”的前面即可:box.add({"url":"图片地址","href":"链接地址","title":"悬浮标题"})
