本文以JS为例,说明JS实现左右两边固定广告效果的简单方法,供大家参考,具体分析如下:

大多数网站都有固定的广告。下面是实现此效果的最简单代码。在IE上滚动时可能会有点摇晃。这个问题在可以先实现之前会得到解决。

点一点:


无功adtop = adleft.offsettop;


获取滚动时所使用的元素上部的位置。

两点:复制代码如下:adleft。风格。最高adtop +(document.documentelement.scrolltop document.body.scrolltop | |)+PX;当滚动到顶部位置分配元素作为元素本身上面的距离加上滚动的距离。



上面的代码:








非所有权文件

身体{边缘:0;填充:0 }
# adleft,# adright {
宽度:30px;
身高:100px;
填料:20px;
字体:14px / 20px Arial;
文本对齐:中心;
背景:# 06c;
位置:绝对;
光标:指针;
颜色:# FFF
}
#adleft{left:0; top:150px;}
# adright {右:0;最高:150px;}


在window.onload =函数(){
无功adleft = document.getelementbyid(adleft );
无功adright = document.getelementbyid(adright );
无功adtop = adleft.offsettop;
window.onscroll =函数(){
adleft.style.top = adtop(document.documentelement.scrolltop + document.body.scrolltop + PX| |);
adright.style.top = adtop(document.documentelement.scrolltop + document.body.scrolltop + PX| |);
}
}



左右广告
左侧广告
正确的广告




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