<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<styletype="text/css">
.slide{
width:600px;
height:280px;
position:relative;
}
.slide.box{position:relative;width:600px;height:280px;overflow:hidden;}
.slide.list{width:9999px;}
.slide.listli{float:left;width:600px;position:relative;}
</style>
<body>
<divid="slide"class="slide">
<divclass="box">
<ulclass="listclr">
<li>
<ahref="#1">
<imgsrc="images/slide.jpg"width="600"height="280"></a>
</li>
<li>
<ahref="#1">
<imgsrc="images/slide.jpg"width="600"height="280"></a>
</li>
<li>
<ahref="#1">
<imgsrc="images/slide.jpg"width="600"height="280"></a>
</li>
<li>
<ahref="#1">
<imgsrc="images/slide.jpg"width="600"height="280"></a>
</li>
<li>
<ahref="#1">
<imgsrc="images/slide.jpg"width="600"height="280"></a>
</li>
</ul>
</div>
</div>
</body>
</html>
<scripttype="text/javascript">
$(document).ready(function(){
varn=-1;
varsw;
auto();
setInterval(auto,5000);
functionauto(){
n=n>=4?0:++n;
sw=n*600;
$("#slide.box").animate({"scrollLeft":(sw)});
}
});
</script>
最大值又滚回去了,如何写成看上去无限向左向右轮播 分享到: 更多
------解决方案--------------------<li>
<ahref="#1">
<imgsrc="images/slide.jpg"width="600"height="280"></a>
</li>
<li>
<ahref="#1">
<imgsrc="images/slide.jpg"width="600"height="280"></a>
</li>
<li>
<ahref="#1">
<imgsrc="images/slide.jpg"width="600"height="280"></a>
</li>
<li>
<ahref="#1">
<imgsrc="images/slide.jpg"width="600"height="280"></a>
</li>
<li>
<ahref="#1">
<imgsrc="images/slide.jpg"width="600"height="280"></a>
查询谷 - www.chaxungu.com
scrollLeft轮播无限播如何写
编辑:chaxungu时间:2022-10-10 23:24:22分类:web开发
scrollLeft轮播无限播怎么写?