本文使用Javascript实现DIV的内容不断的向上滚动,当鼠标移动到DIV上时,就停止滚动,当鼠标离开后又继续滚动。
主要使用了JS的setInterval 函数。
以下是完整代码:
<!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>
<title>javascript向上滚动(放上鼠标就停)--柯乐义</title>
</head>
<body>
<div >
var speed = 50
demo2.innerHTML = demo1.innerHTML
function Marquee() {
if (demo2.offsetTop - keleyi_com.scrollTop <= 0)
keleyi_com.scrollTop -= demo1.offsetHeight
else {
keleyi_com.scrollTop++
}
}
var MyMar = setInterval(Marquee, speed)
keleyi_com.onmouseover = function () { clearInterval(MyMar) }
keleyi_com.onmouseout = function () { MyMar = setInterval(Marquee, speed) }
</script>
</body>
</html>
相关文章: