|
<!DOCTYPE html>
<html>
<head>
<title>顶部弹出广告后缩回演示代码</title>
<script type"text/javasrcipt" src="jquery-1.9.1.min.js" ></script>
<script type="text/javascript">
$(function(){
$('.ad').animate({marginTop : 0},2000,function(){
setTimeout(function(){$('.ad').animate({marginTop : -128},2000)},3000);
});
});
</script>
<style>
body{
margin:0;
padding:0px;
height:5000px;
}
.ad{
width:1000px;
height:128px;
padding:0px;
position:relative;
margin:-128px auto 0;
}
.top1{
margin:0 auto;
padding:0px;
width:1000px;
height:80px;
background-color:red;
}
</style>
</head>
<body>
<div class="ad">
<img src="ad.jpg">
<div>
<div class="top1" >
</div>
</body>
</html>
|
