日期:2014-05-16 浏览次数:20343 次
<html>
<head>
<script type="text/javascript" src="http://www.zhuzhichu.com/statics/script/tools.js"></script>
</head>
<body>
<style>
img{
border:0;
}
.w{
margin:0 auto;
text-align:center;
}
</style>
<div id="JS_n_header_top_banner" style="height:400px;overflow:hidden;position:relative">
<div id="ff" style="z-index:999;display:none;position:absolute;top:2px;right:2px;background:#c00;width:16px;height:16px;color:#fff;font-weight:bold;text-align:center;line-height:16px;cursor:pointer">×</div>
<div style="background:url(images/1352654628193619199.jpg) top center no-repeat">
<div class="w">
<div id="adBig" style="display:block;">
<a href="" target="_blank"><img src="images/b.jpg"></a>
</div>
<div id="adSmall" style="display:none;">
<a href="" target="_blank"><img src="images/a.jpg"></a>
</div>
</div>
</div>
</div>
<script>
function ad() {
var myFx = new Fx.Slide('adBig', {
duration: 2000,
onComplete: function(){
$('adSmall').setStyle('display','block');
$('ff').setStyle('display','block');
}
}).slideOut('vertical');
}
window.addEvent('domready',function() {
ad.delay(2000);
});
$('ff').addEvent('click',function(){
$('JS_n_header_top_banner').setStyle('height','0px');
});
</script>
</body>
</html>