w3c声明下可运行兼容性比较好的js对联广告代码

<!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">
<head>
<style>
html,body{margin:0;font-family:Arial;font-size:12px;}
#ad1,#ad2{position:absolute;float:left;width:100px;overflow:hidden; }
#ad2{right:0;}
#killAd1,#killAd2{position:absolute;bottom:10px;right:10px;cursor:pointer;border:1px solid #990000;padding:0 5px;background:red;color:#fff; }
</style>
<script>
var fx=function(uid,kill){
var f=this,$=function(x){return document.getElementById(x)};
f.top=f.offset=20;
f.ad=$(uid);
$(kill).onclick=function(){f.die()};
f.timer=setInterval(function(){f.dll()},13);
};
fx.prototype={
dll:function(){
var f=this,d=document,to=Math.max(d.body.scrollTop,d.documentElement.scrollTop);
if(f.top!=to){
var d=(to-f.top)*0.1,mx=Math[d>0?'ceil':'floor'];
f.top+=parseInt(mx(d));
f.ad.style.top=f.top+f.offset+'px';
};
},
die:function (){
this.ad.style.display='none';
clearInterval(this.timer);
}
};
window.onload = function (){
new fx('ad1','killAd1');
new fx('ad2','killAd2');
};
</script>
</head>
<body>
<div id="ad1">
<span id="killAd1">x</span>
<img src="http://www.kukafei.cn/images/icons/16.gif" border=0 alt="" title="">
</div>
<div id="ad2">
<span id="killAd2">x</span>
<img src="http://www.kukafei.cn/images/icons/2.gif" border=0 alt="" title="">
</div>
<p style="height:20000px;"></p>
</body>
</html>


引用通告: 查看所有引用 | 我要引用此文章
Tags: 兼容性比较好的js对联广告代码
收藏到网摘:
评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.