高度或宽度,以及内容数量都会对结果产生影响,请仔细调整。<br><!-- ######################################### --><br>向上滚动效果:<div id="div_up_1" style="overflow:hidden; height:60px; width:120px;"> <div id="div_up_2"> <a href="#">第一行内容</a><br> <a href="#">第二行内容</a><br> <a href="#">第三行内容</a><br> <a href="#">第四行内容</a><br> <a href="#">第五行内容</a><br> <a href="#">第六行内容</a><br> <a href="#">第七行内容</a><br> <a href="#">第八行内容</a><br> </div> <div id="div_up_3"></div> </div><script language="JavaScript" type="text/javascript"> function $(str) { return document.getElementById(str); } $("div_up_3").innerHTML = $("div_up_2").innerHTML; function MarQueeUp() { if($("div_up_3").offsetTop - $("div_up_1").scrollTop <= 0) { $("div_up_1").scrollTop -= $("div_up_2").offsetHeight; } else { $("div_up_1").scrollTop ++; } } var speed_up = 50; var MyMarUp = setInterval(MarQueeUp, speed_up); $("div_up_1").onmouseover = function() { clearInterval(MyMarUp); } $("div_up_1").onmouseout = function() { MyMarUp = setInterval(MarQueeUp, speed_up); } </script> 主要是这句话不明白:if($("div_up_3").offsetTop - $("div_up_1").scrollTop <= 0),还有下边的scrolltop 调整
这里面有:
http://www.scriptlover.com/controls/main.html