<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>无标题页</title> </head> <body> <form id="form1" runat="server"> <div> <ul id="scroll" style="overflow:hidden;height:100px;width:200px"> <li>滚动效果一</li> <li>滚动效果二</li> <li>滚动效果三</li> <li>滚动效果四</li> <li>滚动效果五</li> <li>滚动效果六</li> <li>滚动效果七</li> <li>滚动效果八</li> <li>滚动效果九</li> <li>滚动效果十</li> <li>滚动效果一</li> <li>滚动效果二</li> <li>滚动效果三</li> <li>滚动效果四</li> <li>滚动效果五</li> <li>滚动效果六</li> <li>滚动效果七</li> <li>滚动效果八</li> <li>滚动效果九</li> <li>滚动效果十</li> </ul> <mce:script type="text/javascript"><!-- var ul = document.getElementById("scroll"); function charlist(){ ul.scrollTop++; if (ul.scrollTop >= 195) { ul.scrollTop = 0; } } var intval = setInterval(charlist,60); ul.onmousemove = function(){ clearInterval(intval); } ul.onmouseout = function(){ intval = setInterval(charlist,60); } // --></mce:script> </div> </form> </body> </html> 其中要注意的:overflow:hidden,否则会全部显示,达不到效果。 使用时可以对ul.scrollTop >= 195这一句的数字进行设置。达到平滑过渡的作用。