在制作西北大学网站首页时想通过jQuery来制作一个页面加载运行国庆动画的flash,要实现在指定时间后关闭或者点击短片的关闭按钮后关闭的功能,以下是使用jQuery和setTimeout实现该效果的具体方案。
<script type=”text/javascript”>
jQuery(document).ready(function() {
// 显示广告
jQuery(‘#advertisement’).fadeIn(’slow’);
// 点击关闭广告
jQuery(‘#advertisement_close’).click(function() {
// 清除内容:点击关闭停止播放,使得声音也没有了
jQuery(‘#advertisement_wrap’).remove();
});
// 过18秒关闭广告::有延迟,因此时间设置的长一些
setTimeout(function(){ jQuery(‘div#advertisement_wrap’).remove();}, 28000);
//
});
</script>
在以上代码中通过remove函数实现了当广告运行结束或者当用户点击关闭按钮时,不管加载的flash到底有没有声音,都不会再发出声音。(个人认为当点击关闭以后音箱中还不停的传出来声音是让人很不舒服的事情)
setTimeout使得广告自动运行18秒后会通过调用remove函数进行广告清除,以上就是jQuery中setTimeout的用法:)
作者: 分类:WEB应用 标签: 1,690次浏览
上一篇:宝宝日常安全——可怕的门缝
下一篇:求职全功略——给应届生
家庭会客厅