苗景云的博客-CMS可后台管理的对联广告代码

CMS可后台管理的对联广告代码

2013-04-19 浏览:1328

<!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>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<style>
html,body{margin:0;font-family:Arial;font-size:12px;}
#ad1,#ad2{position:absolute;float:left;width:100px;overflow:hidden;height:315px}
#ad1{left:10px;}
#ad2{right:10px;}
#killAd1,#killAd2{position:absolute;bottom:0px;right:10px;cursor:pointer;padding:0 5px;color:#000; margin-top:10px; }
</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>
<embed src=http://www.miaojingyun.com/UPLOAD/100x300-left.swf width=100 height=300></embed>
</div>
<div id="ad2">
<span id="killAd2">x</span>
<embed src=http://www.miaojingyun.com/UPLOAD/100x300-right.swf width=100 height=300></embed>
</div>
<p style="height:20000px;"></p>
</body>
</html>