首页 »Javascript教程 » 图片间隔滚动:javascrpt实现间隔性滚动的效果 »正文图片间隔滚动:javascrpt实现间隔性滚动的效果来源: 发布时间:星期三, 2008年9月10日 浏览:437次 评论:0
用法很简单:
varscroll=newScrollText(\"content\",\"pre\",\"next\",true); 第一个参数是滚动区的id,第二个是显示上一条的按钮的id,第三个是显示下一条的按钮的id,第四个是是否直接开始滚动,为false的话后面再scroll.Start()就OK了。 废话不说了,贴代码吧。 我第一次发贴,不懂排版,直接贴了。 ScrollText.js functionScrollText(content,btnPrevious,btnNext,autoStart) { this.Speed=10; this.Timeout=1500; this.LineHeight=20; this.NextButton=this.$(btnNext); this.PreviousButton=this.$(btnPrevious); this.ScrollContent=this.$(content); this.ScrollContent.innerHTML+=this.ScrollContent.innerHTML; this.NextButton.onclick=this.GetFunction(this,\"Next\"); this.PreviousButton.onclick=this.GetFunction(this,\"Previous\"); this.NextButton.onmouseover=this.GetFunction(this,\"Stop\"); this.NextButton.onmouseout=this.GetFunction(this,\"Start\"); this.ScrollContent.onmouseover=this.GetFunction(this,\"Stop\"); this.ScrollContent.onmouseout=this.GetFunction(this,\"Start\"); this.PreviousButton.onmouseover=this.GetFunction(this,\"Stop\"); this.PreviousButton.onmouseout=this.GetFunction(this,\"Start\"); if(autoStart) { this.Start(); } } ScrollText.prototype.$=function(element) { returndocument.getElementById(element); } ScrollText.prototype.Previous=function() { clearTimeout(this.AutoScrollTimer); clearTimeout(this.ScrollTimer); this.Scroll(\"up\"); } ScrollText.prototype.Next=function() { clearTimeout(this.AutoScrollTimer); clearTimeout(this.ScrollTimer); this.Scroll(\"down\"); } ScrollText.prototype.Start=function() { this.AutoScrollTimer=setTimeout(this.GetFunction(this,\"AutoScroll\"),this.Timeout); [Page] } ScrollText.prototype.Stop=function() { clearTimeout(this.AutoScrollTimer); } ScrollText.prototype.AutoScroll=function() { this.ScrollContent.scrollTop++; if(parseInt(this.ScrollContent.scrollTop)%this.LineHeight!=0) { this.ScrollTimer=setTimeout(this.GetFunction(this,\"AutoScroll\"),this.Speed); } else { if(parseInt(this.ScrollContent.scrollTop)>=parseInt(this.ScrollContent.scrollHeight)/2) { this.ScrollContent.scrollTop=0; } this.AutoScrollTimer=setTimeout(this.GetFunction(this,\"AutoScroll\"),this.Timeout); } } ScrollText.prototype.Scroll=function(direction) { if(direction==\"up\") { this.ScrollContent.scrollTop--; } else { this.ScrollContent.scrollTop++; } if(parseInt(this.ScrollContent.scrollTop)>=parseInt(this.ScrollContent.scrollHeight)/2) { this.ScrollContent.scrollTop=0; } if(parseInt(this.ScrollContent.scrollTop)%this.LineHeight!=0) { this.ScrollTimer=setTimeout(this.GetFunction(this,\"Scroll\",direction),this.Speed); 0
相关文章读者评论
发表评论 |