我感觉孟老大原来的意思是两个td中的内容和长度必须完全一致,这样,当滚动到一半的时候又从新滚动,但是由于两个TD中的内容相同,给用户一个错觉,图片在滚动,但是其实图片已经换了,改了下程序,你看看
<div style="width:604px;height:90px;overflow:hidden" onMouseOver="stop()" onMouseOut="start()" align="left">
<table cellspacing=0 cellpadding=0 border=0 id="scrollimg">
<tr valign="middle" align="center">
<td align="left" width="900" valign=top ><a href=""><img src="http://zi.csdn.net/beijing-nightclass300x602.24.png" width="900" height="90" border="0"></a> </td>
<td align="left" width="900" valign=top ><a href=""><img src="http://zi.csdn.net/beijing-nightclass300x602.24.png" width="900" height="90" border="0"></a> </td>
</tr>
</table>
</div><SCRIPT LANGUAGE="JavaScript">
var tm=null
function newsScroll() {
var scrollimg=document.getElementById("scrollimg")if(scrollimg.parentNode.scrollLeft!=(scrollimg.clientWidth/2))
scrollimg.parentNode.scrollLeft++;
else
scrollimg.parentNode.scrollLeft=0
}
window.onload=function() {
tm=setInterval('newsScroll()',20)
}
function stop()
{
clearInterval(tm)
}function start()
{
tm=setInterval('newsScroll()',20)
}
</SCRIPT>
<div style="width:604px;height:90px;overflow:hidden" onMouseOver="stop()" onMouseOut="start()" align="left">
<table cellspacing=0 cellpadding=0 border=0 id="scrollimg">
<tr valign="middle" align="center">
<td align="left" width="900" valign=top ><a href=""><img src="http://zi.csdn.net/beijing-nightclass300x602.24.png" width="900" height="90" border="0"></a> </td>
<td align="left" width="900" valign=top ><a href=""><img src="http://zi.csdn.net/beijing-nightclass300x602.24.png" width="900" height="90" border="0"></a> </td>
</tr>
</table>
</div><SCRIPT LANGUAGE="JavaScript">
var tm=null
function newsScroll() {
var scrollimg=document.getElementById("scrollimg")if(scrollimg.parentNode.scrollLeft!=(scrollimg.clientWidth/2))
scrollimg.parentNode.scrollLeft++;
else
scrollimg.parentNode.scrollLeft=0
}
window.onload=function() {
tm=setInterval('newsScroll()',20)
}
function stop()
{
clearInterval(tm)
}function start()
{
tm=setInterval('newsScroll()',20)
}
</SCRIPT>
解决方案 »
- OBJECT EXPECTED ERROR
- JavaScript object
- 延时显示
- ***帮忙给一段任何浏览器都能正常显示的日历代码吧***
- 正则表达式的问题?!
- referer 为什么跳转为空请大侠们帮帮忙
- 获取<div></div>中的值
- 我有一个表格~想每按一次按钮就增加一行~代码应该怎么写啊~
- 怎么将一个层随着滚动条的拖动而始终定位在浏览器中央,而可以手工拖动???
- 想找一个在网页上飞来飞去的东东的脚本
- 我想自定义快捷键ALT+S,但是在maxthon中,是“保存HTML...”,如何屏蔽?
- 一个页面中包含两个动态网页,其中一个页面全是链接,我想点击的这个链接旁边就显示一个动态网页。
你要循环的内容假如一个TD放不下,可以把你要循环的内容放到一个TABLE中,在把这个TABLE分别放到上面代码的两个TD内就可以了
<table cellspacing=0 cellpadding=0 border=0 id="scrollimg">
<tr valign="middle" align="center">
<td align="left" width="900" valign=top ><a href=""><img src="http://zi.csdn.net/beijing-nightclass300x602.24.png" width="900" height="90" border="0"></a> </td>
<td align="left" width="900" valign=top ><a href=""><img src="http://zi.csdn.net/beijing-nightclass300x602.24.png" width="900" height="90" border="0"></a> </td>
</tr>
</table>