<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#divMsg{
line-height:20px;
height:20px;
overflow:hidden;
}
</style>
<script type="text/javascript">
var Scroll = new function(){
this.delay = 2000; //延遲的時間
this.height = 20; //行的高度
this.step = 4; //步長
this.curHeight= 0;
this.stimer = null;
this.timer = null;
this.start = function(){ //開始翻頁-調用move方法
this.move();
}
this.move = function(){
var self = this;
if(this.curHeight == this.height) //如果顯示完一行
{
this.timer = setTimeout(function(){ //使用定時器-定時下一行的翻頁時間
self.move();
}, this.delay);
this.curHeight = 0;
if(this.element.scrollTop >= this.element.scrollHeight - this.height){ //滾動信息已經完畢
this.element.scrollTop = 0;
}
return true;
}
this.element.scrollTop += this.step;
this.curHeight += this.step;
this.timer = setTimeout(function(){ //設置自動翻頁定時器
self.move();
}, 30);
}
this.stop = function(){ //清除定時期，停止?jié)L動翻頁
clearTimeout(this.timer);
}
}
</script>
</head>
<body>
<div id="divMsg">
張三奧運會歷史性的突破，拿到了男子100米金牌<br/>
奧運會歷史上的首位8金得主<br/>
北京奧運會歡迎志愿者的參與<br/>
奧運會帶來了什么樣的商機<br/>
北京奧運會2008年舉行<br/>
娛樂新聞請轉到娛樂主頁<br/>
今天又獲得一枚金牌<br/>
</div><script type="text/javascript">
Scroll.element = document.getElementById('divMsg');
Scroll.start();
</script>
<input type="button" value="開始" onClick="Scroll.start()"/>
<input type="button" value="停止" onClick="Scroll.stop()"/>
</body>
</html>
發(fā)表評論
相關文章
2021年優(yōu)度成功簽約并完成泰坦凝膠官網
此網站采用標準網站建設方案，PC+移動自動轉換模式，網站產品為一款火爆的微商產品，也是一款男性用品。...
備案與沒備案的新網站老域名為什么百度都不收錄？
現(xiàn)在互聯(lián)網越來越難做，百度的門檻越來越高，以前新網站上線提交后3天就會收錄，現(xiàn)在新網站上線每天提交還不一定會收錄，必須結合外鏈才有效。...
做好“著陸頁”，公司銷售業(yè)績將提升一大步
當今，一個能在用戶尋找“返回”按鈕之前抓住用戶眼球的著陸頁比以往任何時候都更有商業(yè)價值。值得慶幸的是，一個好的著陸頁面的設計過程比以往更加容易把握，訣竅在于弄清楚實現(xiàn)這個非常重要的切入點所需的核心要素...
什么是關鍵詞？
關鍵詞就是你向搜索引擎發(fā)出的一個指令，是讓搜索引擎幫助你查找相關信息的命令，它可以是一個字，也可以是一個詞、一句話、一個英字母、英文單詞、一個數(shù)字、一個符號等任何可以在搜索框中輸入的信息。...
什么樣的網站才是一個合格的SEO網站？
在講網站之前還是來介紹一下什么是網站，因為這里的學員還有很多SEO初學者，網站就好比是我們在某個商場、某個小區(qū)開的一個店鋪，你做生意肯定是有一個店鋪的對吧，那么網站就是一個互聯(lián)網上的店鋪，是一個虛擬的...
湘公網安備 44010402000311號