+ -
当前位置:首页 → 问答吧 → 求助,把这个纵向循环滚动变成横向循环滚动

求助,把这个纵向循环滚动变成横向循环滚动

时间:2010-05-19

来源:互联网


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <HTML><HEAD><TITLE>图片循环滚动代码演示 - aiiee.com</TITLE> <style> .abcs {list-style:none} .abcs li{float:left} </style> </HEAD> <BODY> <div class="inter_t" ><span>&nbsp;热图排行</span></div> <div id="marqueeDiv1" nowrap style="border:solid 1px green;margin:15px 0 0 0;height:100px;overflow:hidden;" defaultSpeed="1" tempSpeed="1" onmouseOver="this.tempSpeed=0;" onmouseOut="this.tempSpeed=this.defaultSpeed;"> <div style="height:auto;"> 1111111111111<br />dada<br />dada<br />dada<br />dada<br />dada<br />dada<br />dada<br />dada<br />dada<br />dada </div> </div> <script language="javascript" defer> marqueeDiv1.childOffsetHeight=marqueeDiv1.children[0].offsetHeight; marqueeDiv1.insertAdjacentHTML("beforeEnd",marqueeDiv1.innerHTML+marqueeDiv1.innerHTML); window.setInterval("marqueeDiv1.scrollTop=(marqueeDiv1.scrollTop+marqueeDiv1.tempSpeed*1)%marqueeDiv1.childOffsetHeight;",40); </script> </BODY></HTML> 这是我网上找到的一个纵向的循环滚动效果,请高手帮我改写成横向的循环滚动~谢谢;-)
 提示:您可以先修改部分代码再运行

作者: cwq2jxl   发布时间: 2010-05-19

高手速来~麻米麻米轰~

作者: cwq2jxl   发布时间: 2010-05-19

这个没人会么?应该就是改几个代码就行了的啊

作者: cwq2jxl   发布时间: 2010-05-19


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <HTML><HEAD><TITLE>图片循环滚动代码演示 - aiiee.com</TITLE> <style> .abcs {list-style:none} .abcs li{float:left} </style> </HEAD> <BODY> <marquee scrollAmount=2 width=100%> <div style="height:auto;"> 1111111111111 dada dada dada dada dada dada dada dada dada dada </div></marquee> </BODY></HTML>
 提示:您可以先修改部分代码再运行

作者: sevenu   发布时间: 2010-05-20

marquee是有缝循环,有没有无缝循环的? 最好是改写我发的那段JS代码得来的效果

作者: cwq2jxl   发布时间: 2010-05-20


<div id=demo style=overflow:hidden;height:40;width:100%;color:#ffffff> <table align=left cellpadding=0 cellspace=0 border=0> <tr><td id=demo1 valign=top>1111111111111dadadadadadadadadadadadadadadadadadadada </td><td id=demo2 valign=top></td> <td id=demo5 valign=top></td><td id=demo6 valign=top></td></tr></table></div> <script> var speed=30 demo2.innerHTML=demo1.innerHTML; demo5.innerHTML=demo1.innerHTML; demo6.innerHTML=demo1.innerHTML ; function Marquee(){ if(demo6.offsetWidth-demo.scrollLeft<=0) demo.scrollLeft-=demo1.offsetWidth else{ demo.scrollLeft++ } } var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} </script>
 提示:您可以先修改部分代码再运行

作者: sevenu   发布时间: 2010-05-20