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