js、jQuery设置悬浮广告的代码
本节内容:
悬浮广告代码
例1,jquery 实现的悬浮广告代码。
var $a1Obj;
$(document).ready(function(){
$a1Top=$("#ad1").css("top");
});
$(window).scroll(function(){
$("#ad1").css("top", parseInt($a1Top)+$(window).scrollTop());
});
JS实现的悬浮广告代码:
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代码