分享一个网页中常用的网页头部广告,本文要做的jQuery特效是:先出来大的广告banner,3秒后隐藏,显示小广告banner。
淘建站为您提供更多_图片代码_广告_顶部_广告,在此特别感谢您对我们的支持与厚爱!
演示不了,点击反馈
下载 359 次
觉得不错,可打赏下作者
免费共享
首先我们在页面上放置一个大广告banner和小banner
<div class="ads_top" id="bigbanner"><img src="images/bigbanner.jpg"/><a class="btn_close" onclick="slideTopBanner()"></a></div>
<div class="ads_top" id="smallbanner"><img src="images/smallbanner.jpg"/></div>jQuery
$(function() {
$("#bigbanner").slideDown(800);//显示大的广告banner
setTimeout("slideTopBanner()", 3000);//3秒后隐藏大的广告,并且显示小广告
})
function slideTopBanner() {
$("#bigbanner").slideUp(800, function() {
$("#smallbanner").slideDown(500);
});
}

