js实现右下角广告代码 缓冲效果随屏幕滚动
本文讲述了一个带有缓冲效果的右下角js广告代码的例子。分享给大家参考。具体如下:
右下角自动滚动屏幕的广告代码。请注意这里的几个参数:
Id您想要滚动的内容的id r是左或右,默认情况下是右。您想要放在页面上的默认位置是靠近底部边缘。0接近上边缘。f 1表示固定不写,0表示滚动(ie6为固定无效)。这个版本作者修改了两次,兼容性还不错。
运行效果截图如下:
在线演示地址如下:
http://demo . JB 51 . net/js/2015/js-right-buttom-float-follow-scroll-adv-codes/
具体代码如下:
!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html;charset=gbk '/右下角有缓冲效果的标题广告沿屏幕滚动/title stylehtml,body { height :2000px}/style/head body div id=' aa ' style=' width :200 px;高度:200 px;背景技术: # c0c 0 ;'尝试拖动滚动条~/div/body/html脚本函数scroll (p) {var d=document,w=window,o=d.getelementbyid (p.id),ie6=/MSI E6/I . test(navigator . user agent);if(o){ o . style . CSS text=';位置:’(p . f!ie6?固定的“:‘绝对’)”;”(公关?“左”:“右”)“:0;”(p.t!=未定义?top : ' p . t ' px ' : ' bottom :0 ');if(!p.f||ie6){ -function(){ var t=500,ST=d . document element . scroll top | | d . body . scroll top,c;c=st - o.offsetTop (p.t!=未定义?p . t :(w . inner height | | d . document element . client height)-o . offset theight);//如果你是html 4.01,请改成d.body,不要在这里处理,减少代码C!=0(o . style . top=o . offsettop math . ceil(math . ABS(c)/10)*(c0?-1:1) 'px ',t=10);Settimeout(参数。被调用者,t)}()} } } scroll({ id : ' aa ' })/script希望本文的描述对javascript编程有所帮助。
版权声明:js实现右下角广告代码 缓冲效果随屏幕滚动是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。