设置广告快停留在浏览器的右下方

最新推荐文章于 2024-09-11 12:01:27 发布

愤豆

最新推荐文章于 2024-09-11 12:01:27 发布

阅读量452

点赞数

文章标签：浏览器 function xhtml object ie float

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div id="piao" style="width:300px; height:160px; float:right;background:#F00;"></div>
<div style="height:2000px;"></div>
<script>
var ig=document.getElementById("piao"); //获取要滚动的对像
var isIE = (document.all) ? true : false;
var isIE6 = isIE && ([/MSIE (\d)\.0/i.exec(navigator.userAgent)][0][1] == 6); //判断浏览器，因为fixed在IE6下有BUG，其它浏览器都支持
var Bind = function(object, fun) {
return function() {
return fun.apply(object, arguments);
}
}
ig.style.position ="fixed"; //这里是非IE6下设置属性
ig.style.zIndex="1000";
ig.style.right="0";
ig.style.bottom="0";
if(isIE6){ //这里是IE6下设置属性
ig.style.position ="absolute";
ig._fixed = Bind(ig, function(){
ig.style.marginTop = document.documentElement.scrollTop + "px";
ig.style.marginLeft = document.documentElement.scrollLeft + "px";});
ig._fixed()
window.attachEvent("onscroll", ig._fixed);
}
</script>
</body>
</html>