特效介绍
JS左右滚动幻灯片代码
使用方法
第一步:在head引入下面的css样式和js代码:
<link href="css/css.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/5imoban.net.js"></script>第二步:在需要使用图片滚动的地方加入下面的代码:
<div id="playBox"> <div class="pre"></div> <div class="next"></div> <div class="smalltitle"> <ul> <li class="thistitle"></li> <li></li> </ul> </div> <ul class="oUlplay"> <li><a href="http://www.5imoban.net/" target="_blank"><img border="0" src="images/1.jpg" /></a></li> <li><a href="http://www.5imoban.net/" target="_blank"><img border="0" src="images/2.jpg" /></a></li> </ul> </div>第三步:更改图片地址和连接地址为您的地址。
如果需要更改自动滚动时间,请打开“5imoban.net.js”文件,找到下面代码:
var timer = setInterval(oNext.onclick,3000) //滚动间隔时间设置 oDiv.onmouseover = function() { clearInterval(timer) } oDiv.onmouseout = function() { timer = setInterval(oNext.onclick,3000) //滚动间隔时间设置 }将3000改成您需要的时间,单位为毫秒。