求助,把这个纵向循环滚动变成横向循环滚动
时间: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> 热图排行</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
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28