js、jQuery设置悬浮广告的代码

发布时间:2020-05-25编辑:脚本学堂
分享二则悬浮广告的代码,分别由 javascript与jquery来实现,感兴趣的朋友可以参考下,看看哪个更适合自己用。

本节内容:
悬浮广告代码

例1,jquery 实现的悬浮广告代码。 
 

复制代码 代码示例:
var $a1Top; 
var $a1Obj; 
$(document).ready(function(){ 
    $a1Top=$("#ad1").css("top"); 
}); 
$(window).scroll(function(){ 
    $("#ad1").css("top", parseInt($a1Top)+$(window).scrollTop()); 
}); 

JS实现的悬浮广告代码: 
 

复制代码 代码示例:
var a1Top; 
var a1Obj; 
function inix(){ 
    //获取a1Top的高度 
    a1Obj=document.getElementById("ad1"); 
    if(a1Obj.currentStyle){ 
        a1Top=parseInt(a1Obj.currentStyle.top); 
    } 
    else{  // www.jb200.com
        a1Top=parseInt(a1Obj.getComputedStyle(a1obj,null).top); 
    } 

function move(){ 
    a1Obj.style.top=a1Top+parseInt(document.documentElement.scrollTop)+"px"; 

window.onload=inix; 
window.onscroll=move;