为了账号安全,请及时绑定邮箱和手机立即绑定

谁有左右无缝滚动的例子,参考一下,谢谢了。。。

√abcde

正在回答

1 回答

<div id=demo style="overflow:hidden;width:750;" align=center>

<table border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 >

<tr><td valign=top bgcolor=ffffff id=marquePic1>

<table width='100%' border='0' cellspacing='0'>

<tr><td align=center><a href='#'><img src="http://www.baidu.com/img/logo.gif" width=120 height=80 border=0><br><br>01</a></td>

<td align=center><a href='#'><img src=http://www.baidu.com/img/logo.gif width=120 height=80 border=0><br><br>02</a></td>

<td align=center><a href='#'><img src=http://www.baidu.com/img/logo.gif width=120 height=80 border=0><br><br>03</a></td>

<td align=center><a href='#'><img src="http://www.baidu.com/img/logo.gif" width=120 height=80 border=0><br><br>04</a></td>

<td align=center><a href='#'><img src=http://www.baidu.com/img/logo.gif width=120 height=80 border=0><br><br>05</a></td>

<td align=center><a href='#'><img src=http://www.baidu.com/img/logo.gif width=120 height=80 border=0><br><br>06</a></td>

<td align=center><a href='#'><img src="http://www.baidu.com/img/logo.gif" width=120 height=80 border=0><br><br>07</a></td>

<td align=center><a href='#'><img src=http://www.baidu.com/img/logo.gif width=120 height=80 border=0><br><br>08</a></td>

<td align=center><a href='#'><img src=http://www.baidu.com/img/logo.gif width=120 height=80 border=0><br><br>09</a></td>

</tr></table>

</td><td id=marquePic2 valign=top></td></tr>

</table></div>

<script type="text/javascript">

var speed=50 

marquePic2.innerHTML=marquePic1.innerHTML 

function Marquee(){ 

if(demo.scrollLeft>=marquePic1.scrollWidth){ 

demo.scrollLeft=0 

}else{ 

demo.scrollLeft++ 

var MyMar=setInterval(Marquee,speed) 

demo.onmouseover=function() {clearInterval(MyMar)} 

demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 

</script>

你将代码复制粘贴运行一下,看看是不是你想要的效果图

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
信息滚动效果制作
  • 参与学习       47753    人
  • 解答问题       321    个

萌妹子带您快速学习滚动效果,掌握无缝滚动和歇间性滚动的制作方法

进入课程

谁有左右无缝滚动的例子,参考一下,谢谢了。。。

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信