本文使用Javascript實現DIV的內容不斷的向上滾動，當鼠標移動到DIV上時，就停止滾動，當鼠標離開後又繼續滾動。
主要使用了JS的setInterval 函數。
效果預覽：http:///keleyi/phtml/gundong.htm
以下是完整代碼：
<!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 id="keleyi_com" style="overflow:hidden;height:90px;width:350px;border:1px solid silver;padding:5px">
<div id="demo1">
<a href="http:///menu/net/" target="_blank">.NET</a><br />
<a href="http:///menu/javascript/" target="_blank">javascript</a><br />
<a href="http:///menu/jquery/" target="_blank">jquery</a><br />
<a href="http:///menu/csharp/" target="_blank">C#</a><br />
<a href="http:///menu/other/" target="_blank">其他</a><br />
<a href="http:///dev/4d233db8987beb38.htm" target="_blank">jquery四種選擇器</a><br />
<a href="http:///dev/84501a98b64d8bb8.htm" target="_blank">Javascript獲取頁面的標題（title）</a><br />
<a href="http:///dev/da9ad054d87d5178.htm" target="_blank">jQuery向上彈出導航菜單</a><br />
<a href="http:///dev/d4fcaae705f598a.htm" target="_blank">javascript向上滾動(放上鼠標就停)</a><br />
<a href="http://" target="_blank"></a><br />
</div>
<div id="demo2"></div>
</div>
<script type="text/javascript">
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>