html5广告条滚动特效代码,js实现随屏幕滚动的带缓冲效果的右下角广告代码

本文实例讲述了js实现随屏幕滚动的带缓冲效果的右下角广告代码。分享给大家供大家参考。具体如下：

一个随屏幕自动滚动的右下角广告代码，这里请注意几个参数：

id 你要滚动的内容的id

r 放在左边还是右边默认是右边

t 你要放在页面的那个位置默认是贴着底边 0是贴着顶边

f 1表示固定不写或者0表示滚动(ie6固定无效)

是不是很实用呢，这个版本经过作者二次修正，兼容性还不错。

运行效果截图如下：

在线演示地址如下：

具体代码如下：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

随屏幕滚动的带缓冲效果的右下角广告

html,body{

height:2000px;

}

拖动滚动条试试哦~

function scroll(p){

var d = document,w = window,o = d.getElementById(p.id),ie6 = /msie 6/i.test(navigator.userAgent);

if(o){

o.style.cssText +=";position:"+(p.f&&!ie6?'fixed':'absolute')+";"+(p.r?'left':"right")+":0;"+(p.t!=undefined?'top:'+p.t+'px':'bottom:0');

if(!p.f||ie6){

-function(){

var t = 500,st = d.documentElement.scrollTop||d.body.scrollTop,c;

c = st - o.offsetTop + (p.t!=undefined?p.t:(w.innerHeight||d.documentElement.clientHeight)-o.offsetHeight);//如果你是html 4.01请改成d.body,这里不处理以减少代码

c!=0&&(o.style.top = o.offsetTop + Math.ceil(Math.abs(c)/10)*(c<0?-1:1) + 'px',t=10);

setTimeout(arguments.callee,t)

}()

}

scroll({

id:'aa'

})

希望本文所述对大家的javascript程序设计有所帮助。

html5广告条滚动特效代码,js实现随屏幕滚动的带缓冲效果的右下角广告代码相关推荐

php 漂浮广告代码,JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
本文实例讲述了JavaScript实现带缓冲效果的随屏滚动漂浮广告代码.分享给大家供大家参考,具体如下: 这里演示了始终随屏滚动的JavaScript代码,在国内的应用泛滥成灾了,特别是一些喜欢漂浮广 ...
html5滚动文字切换效果代码,js+div实现文字滚动和图片切换效果代码
本文实例讲述了js+div实现文字滚动和图片切换效果代码.分享给大家供大家参考.具体如下: 这里演示js+div文字滚动和图片切换代码,为了演示方便,去掉了图片调用,用数字代替了,用时候再加上就可以了 ...
html鼠标滚动效果代码,JS+CSS实现大气清新的滑动菜单效果代码
本文实例讲述了JS+CSS实现大气清新的滑动菜单效果代码.分享给大家供大家参考,具体如下: 这是一款比较大气清新的滑动导航菜单,CSS和JavaScript配合完成,鼠标放到一级菜单上,会滑出二级的菜 ...
网页滚动特效—WOW.JS快速使用教程
一.wow.js 当页面滚动时产生一些动画效果页面在向下滚动的时候,有些元素会产生细小的动画效果.虽然动画比较小,但却能吸引你的注意. 所需要的附件:wow.js animate.css(文章最后有 ...
html5随鼠标移动动画,使用JS实现气泡跟随鼠标移动的动画效果
气泡跟随鼠标移动,并在每次点击时产生不同的变化效果如下简单的气泡效果 body{background-color:#000000;margin:0px;overflow:hidden} var c ...
html5制作天气动画背景,CSS icon图标之纯CSS实现带动画效果的天气图标
CSS3动画属性并不是很多,但重点其实是你怎样去运用它,从简单的hover状态或复杂的小动画,都可以巧妙的用CSS3动画属性来实现. 今天主要是和大家分享一个比较有创意.实用的CSS天气图标动画,静态 ...
php滚动图代码,JS上下、左右滚动代码（支持图片滚动）
[实例简介] [实例截图] [核心代码] var Marquee=function(){this.ID=document.getElementById(arguments[0]);this.Direc ...
代码收藏——js+asp 的屏幕滚动脚本
最近刚刚到公司,写得这个东西,放在这里收藏一下,方便以后用. 效果演示:http://www.9600100.com/ <script type="text/javascript&qu ...
html+监听+页面滚动到底部,JS监听页面滚动到底部事件
敏捷开发之Scrum扫盲篇现在敏捷开发是越来越火了,人人都在谈敏捷,人人都在学习Scrum和XP... 为了不落后他人,于是我也开始学习Scrum,今天主要是对我最近阅读的相关资料,根据自己的理解, ...
html css齿轮滚动特效,纯CSS3实现的齿轮滚动动画
CSS 语言: CSSSCSS 确定 #gearwheel-a { height: 400px; width: 400px; border-radius: 50% 50%; background: - ...

html5广告条滚动特效代码,js实现随屏幕滚动的带缓冲效果的右下角广告代码

html5广告条滚动特效代码,js实现随屏幕滚动的带缓冲效果的右下角广告代码相关推荐

最新文章

热门文章