下面代碼中this.element.scrollTop 是什么意思<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 是什么意思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(){ //清除定時期，停止滾動翻頁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>
2 回答
米脂
TA貢獻1836條經驗 獲得超3個贊
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();
}
這段代碼可以理解為 創建了一個Scroll 類 而 this 是這個類的指針，可以調用這里類中的所有元素，方法，屬性等
this.element.scrollTop 是獲取當前<div id="divMsg"> div的位置
Scroll.element = document.getElementById('divMsg'); 這句就是把 名為 divMsg 的 DIV 的對象 賦值給Scroll這個類
添加回答
舉報
0/150
提交
取消