专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »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条 分0页

发表评论

  • 昵称:
  • 内容: