JavaScript实现带缓冲效果的随屏滚动漂浮广告代码

本文实例讲述了Java脚本语言实现带缓冲效果的随屏滚动漂浮广告代码。分享给大家供大家参考，具体如下：

这里演示了始终随屏滚动的Java脚本语言代码，在国内的应用泛滥成灾了，特别是一些喜欢漂浮广告的站长，常把本代码用作了漂浮广告，其实这种效果的初衷是编写一个随屏滚动的菜单，让游客随时随地可以控制网站的导向。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-hc-style-scroll-adv-codes/

具体代码如下：

htmlheadtitle随屏滚动/title style type=' text/CSS ' * { padd :0；margin :0 } html { height :100%；}车身{身高：200%；}.box { position:absolute绝对值宽度宽度：100像素高度：100 px背景： # CCC }/style/head dydiv class=' box ' id=' box 1 ' style=' top :0；'left :0 ' AD1/div div class=' box ' id=' box 2 ' style=' top :0；right:0'AD2/div/body脚本类型=' text/JavaScript ' var id=function(o){ return document。getelementbyid(o)} var scroll=function(o){ var space=id(o).offsetTopid(o)。风格。顶部=空格px '；void function(){ var GoTo=0；var roll=set interval(function(){ var height=document。文档元素。滚动顶部文档。尸体。滚动顶部空格；var top=ParSeint(id(o))。风格。顶部)；如果（身高！=top){ GoTo=height-ParSeint((height-top)* 0.9)；身份证。风格。top=GoTo ' px}//else { if(roll)clearInterval(roll)；} },50);}()}滚动(“方框1”)；滚动(“方框2”)；/script/html希望本文所述对大家Java脚本语言程序设计有所帮助。