1、调用CSS样式:
<link rel="stylesheet" href="css/style.css" />
2、调用jQuery插件:
<script src="js/jquery-1.4.1.js" type="text/javascript"></script>
3、调用HTML代码:
<!--效果html开始-->......
<!--效果html结束-->之间的代码拷贝到<body></body>之间任意位置。
4、JS动画代码:
<script type="text/javascript">
$(document).ready(function(){
$(".advbox").show();
$(".advbox").animate({top:360},1000);
$(".closebtn").click(function(){
$(".advbox").fadeOut(500);
})
})
</script>
其中
1000表示1秒,如果需要3s广告下滑下来则修改为3000;
如果需要广告停留在页面正中央位置则将
360修改为50%。