Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 js、jQuery设置悬浮广告的代码

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

发布时间:2015-03-11   编辑:www.jquerycn.cn
分享二则悬浮广告的代码,分别由 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.jquerycn.cn
        a1Top=parseInt(a1Obj.getComputedStyle(a1obj,null).top); 
    } 

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

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

您可能感兴趣的文章:
JS右下角悬浮广告代码的简单示例
js、jQuery设置悬浮广告的代码
JS悬浮移动窗口(悬浮广告)的特效代码
JS悬浮广告代码的简单例子
js左右悬浮广告(兼容谷歌)的实例代码
js 左右悬浮广告的实例代码
js 固定悬浮效果的代码分享
js 两侧悬浮广告的简单示例代码
js实现漂浮广告效果的代码
网页右侧漂浮广告窗口的js代码

[关闭]