使用jQuery设置指定时间后页面元素隐藏

前端之家收集整理的这篇文章主要介绍了使用jQuery设置指定时间后页面元素隐藏前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。编程之家小编现在分享给大家,也给大家做个参考。

在网页上我们通常会使用弹出框或者悬浮框来对重要的信息予以展示,但有时候为了兼顾到用户体验需要让其指定几秒后自动消失,使用 jQuery 我们就能够轻松实现。我们一般会使用悬浮条幅、弹窗框等来向用户展示某些重要的信息,如公告、APP 下载提示条等。一般情况下,我们会设置相应的关闭按钮,但有时候我们设置其几秒后自动消失是不是更加人性化呢?使用 jQuery 可以轻松实现该效果,下面提供两段代码供君选择:

//代码一(以淡出形式隐藏)

jQuery(document).ready(function() {

$("#myElem").show().delay(5000).fadeOut();

});

 

//代码二(直接隐藏)

setTimeout(function(){

$("#myElem").hide();

},5000);

注意:上述代码中#myElem 为 ID="myElem"的元素,根据实际情况进行修改,5000 为 5000 毫秒,也就是 5 秒。哦对了,记得要提前引入 jQuery 库哦

以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

猜你在找的HTML相关文章