JS新聞公告文字逐條向上翻滾代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>新聞列表單行滾動js效果和多行滾動js效果，超簡潔</title>
<style>
a{display:block;line-height:18px;text-decoration:none;color:#f00;font-family:Arial;font-size:12px;}
a:hover{text-decoration:underline;}
.shell{width:500px; }
#div1{height:72px;overflow:hidden;}
</style>
</head>
<body>
<div class="shell">
<div id="div1">
<a href="http://www.tonjay.com">1</a>
<a href="http://www.tonjay.com">2</a>
<a href="http://www.tonjay.com">3</a>
<a href="http://www.tonjay.com">4</a>
<a href="http://www.tonjay.com">5</a>
<a href="http://www.tonjay.com">6</a>
<a href="http://www.tonjay.com">新聞列表單行滾動js效果和多行滾動js效果</a>
<a href="http://www.tonjay.com">新聞列表單行滾動js效果和多行滾動js效果</a>
<a href="http://www.tonjay.com">新聞列表單行滾動js效果和多行滾動js效果</a>
</div>
<div>
<p>修改說明：#div1裏的高度（72px）即是你需要顯示的行數<br/>
js裏的18即是要滾動的行高；1500即是每次滾動所需要的時間，越大則速度越慢！
<a href="http://www.tongjunjie.com/js">web前端資源網</a>註！<p/>
</body>
<script>
var c,_=Function;
with(o=document.getElementById("div1")){ innerHTML+=innerHTML; onmouseover=_("c=1"); onmouseout=_("c=0");}
(F=_("if(#%18||!c)#++,#%=o.scrollHeight>>1;setTimeout(F,#%18?10:1500);".replace(/#/g,"o.scrollTop")))();
</script>
</html>
JS新聞公告文字逐條向上翻滾代碼