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