js实现简单的左右两边固定广告效果实例_javascript技巧
程序员文章站
2022-06-02 09:47:19
...
本文实例讲述了js实现简单的左右两边固定广告效果的方法。分享给大家供大家参考。具体分析如下:
上代码:
大多数网站都有左右两边的固定广告位,下面呢就是实现这个效果的最简单的代码,可能在ie下滚动的时候会有一点抖动,这个问题以后再解决了,先实现再说。
要点一:
var adtop = adleft.offsetTop;
获得元素距离上边的位置,在滚动的时候需要用到。
要点二:
复制代码 代码如下:
adleft.style.top=adtop+(document.documentElement.scrollTop || document.body.scrollTop)+"px";
滚动时,给元素的上边位置赋值为元素本身距离上边的距离加上滚动的距离。上代码:
无标题文档 左右广告
左边广告右边广告
希望本文所述对大家的javascript程序设计有所帮助。
上一篇: 3.2设置默认模块
推荐阅读
-
JS实现简单的顶部定时关闭层效果_javascript技巧
-
JS仿淘宝实现的简单滑动门效果代码_javascript技巧
-
js(JavaScript)实现TAB标签切换效果的简单实例_javascript技巧
-
js实现瀑布流的一种简单方法实例分享_javascript技巧
-
js实现简单的左右两边固定广告效果实例_javascript技巧
-
js实现简单的星级选择器提交效果适用于评论等_javascript技巧
-
js实现简单选项卡与自动切换效果的方法_javascript技巧
-
JS下拉框内容左右移动效果的具体实现_javascript技巧
-
js实现简单的左右两边固定广告效果实例_javascript技巧
-
JS实现遮罩层效果的简单实例_javascript技巧