JS左右滚动幻灯片代码

兼容主流浏览器的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改成您需要的时间，单位为毫秒。


部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！