欢迎光临
我们一直在努力

网站侧边栏广告固定浮动效果的实现

源代码对于页面内容较长的网站,浏览内容时,边栏为空,没有内容,这对网站广告非常有用。如果侧边栏为空,则可以修改广告。这对网站和用户来说都是一次很好的体验。我们来谈谈具体实施。
首先在网站上加入jquery.js。一般网站已经添加了这个js,所以你可以跳过它。如果您不使用它,则需要将jquery.js代码添加到网站的标题部分。
之后,编辑侧边栏模板并在侧边栏底部添加广告代码。代码如下:
< div id=" float"类=QUOT;浮动">
广告的HTML代码
</DIV>
最后,在网站底部添加以下javascript代码:
$ .fn.smartFloat=function(){
Var position=function(element){
Var top=element.position()。top,pos=element.css(" position");
$(window).scroll(function(){
Var scrolls=$(this).scrollTop();
如果(滚动>顶部){
如果(window.XMLHttpRequest){
Element.css({
位置:“固定”,
顶部: 0
});
} else {
Element.css({
顶部:滚动
});
}
} else {element.css({position: pos,top: top});}});}; return $(this).each(function(){position($(this));});}; $ (QUOT;#浮动&QUOT)。smartFloat();

未经允许不得转载:美国主机评论博客 » 网站侧边栏广告固定浮动效果的实现

分享到:更多 ()