HTML/CSS
使用jQuery设置指定时间后页面元素隐藏
PetitQ
在网页上我们通常会使用弹出框或者悬浮框来对重要的信息予以展示，但有时候为了兼顾到用户体验需要让其指定几秒后自动消失，使用 jQuery 我们就能够轻松实现。我们一般会使用悬浮条幅、弹窗框等来向用户展示某些重要的信息，如公告、APP 下载提示条等。一般情况下，我们会设置相应的关闭按钮，但有时候我们设置其几秒后自动消失是不是更加人性化呢？使用 jQuery 可以轻松实现该效果，下面提供两段代码供君选择:
//代码一（以淡出形式隐藏）jQuery(document).ready(function() {
$("#myElem").show().delay(5000).fadeOut();
});
//代码二（直接隐藏）setTimeout(function(){
$("#myElem").hide();
},5000);
也想出现在这里？联系我们吧
注意：上述代码中#myElem 为 ID="myElem"的元素，根据实际情况进行修改，5000 为 5000 毫秒，也就是 5 秒。哦对了，记得要提前引入 jQuery 库哦
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
