目录
1 打开网页自动弹出广告效果
【需求】:
1)当页面加载完,3秒后自动显示广告;
2)广告显示5秒后,自动消失;
【分析】:
1)使用定时器setTimeout (执行一次定时器) ;
2)其实JQuery的显示和隐藏动画效果就是控制display;
3)使用 show/hide方法来完成广告的显示;
【代码实现】:
广告的自动显示与隐藏#content{width:100%;height:500px;background:#999}
//入口函数,在页面加载完成之后,定义定时器,调用这两个方法
$(function () {
setTimeout(adShow,3000);
setTimeout(adHide,8000);
})
function adShow() {
$("#ad").show("slow");
}
function adHide() {
$("#ad").hide("slow");
}
正文部分