哪位仁兄帮小弟详细解释一些滚动新闻的原理,和其中的一些属性值,感激不尽!
高度或宽度,以及内容数量都会对结果产生影响,请仔细调整。<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 调整