点击显示div 5秒后消失

最新推荐文章于 2020-06-15 17:28:10 发布

转载最新推荐文章于 2020-06-15 17:28:10 发布 · 1.2k 阅读

jquery 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的视频元素点击效果，当用户点击页面上的视频时，会触发一个显示背景遮罩层的功能，并在5秒后自动隐藏该遮罩层。

$(".video-box").on("click", "video", function() {
        $(".video-backdrop").show().delay(5000).hide(100);
    })

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

青烟剑气

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

设置按钮5秒后可以点击下一步||5秒后自动关闭网页

孙叫兽的博客

02-03

7728

场景：业务需要在点击拍摄的时候提示一个用户须知页面，5秒后可以点击下一步。这属于一个js计时器的功能。这里用jQuery实现一下效果图： html <div style="text-align: center;"> <input type="button" value="下一步" id="nextBtn" onclick="btnfunction()" disabled> <!-- <button id="nextBtn">下一步&lt.

点击div以外的部分，div消失不见

10-13

点击div以外的部分，div消失不见

参与评论您还未登录，请先登录后发表或查看评论

点击div外面该div消失(二)

weixin_34111819的博客

08-07

250

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-2.2.2.m

js DIV延时几秒后消失或显示代码

小丫007的博客

01-20

2万+

小编来给大家介绍js DIV延时几秒后消失或显示代码,这里我我介绍了利用js原生态的写法，然后讲述了利用jquery的写法，有需要的朋友可参考。1、最常用的方法：代码如下复制代...

定时器，控制弹窗或者div几秒后消失

huangsy421的博客

12-29

3392

setTimeout(function () { $(".mask").hide(); $(".msg-box").hide(); }, 3000);

点击后弹出，几秒后自动消失

weixin_30469895的博客

06-14

364

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>提示已点赞之后消失</title> <script type="text/javascript" src="http://ku.suoshipai....

点击按钮，div模块消失出现

EstherNi的博客

06-15

1515

点击按钮，div模块消失出现

div点击事件弹出层并逐渐消失

08-09

按钮点击，弹出提示层，提示层在几秒后自动消失，用于按钮点击事件的提醒

js实现div显示2秒后自动消失

那么多的人，你要去哪里

02-25

1万+

前言在做四象限的过程中会有提示的信息，但是想让提示信息在一定的时间后自动隐藏。如上图，2s后提示自动隐藏，怎么做呢？正文利用setTimeout()，setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。语法setTimeout（code,millisec）提示和注释setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 cod...

jquery点击按钮显示广告5秒自动消失

05-23

这里我们将在页面加载完成后绑定点击事件，并在用户点击按钮时显示广告，5 秒后自动消失。这可以通过 jQuery 的 `$(document).ready()` 函数和 `setTimeout()` 方法实现： ```javascript $(document).ready...

vue 点击其他区域关闭自定义div操作

10-15

在Vue.js应用中，有时我们需要实现一种功能，即当用户点击页面上的某个自定义div后，该div显示，而当用户点击除这个div之外的任何其他区域时，该div消失。这种需求通常出现在下拉菜单、弹出框或提示信息等组件中。...

CSS鼠标悬浮DIV后显示DIV外的按钮解决方法

12-12

昨天写样式遇到个问题，如何让鼠标悬浮DIV后，显示DIV外的按钮，可以点击到按钮。效果如下：问题：在DIV hover时候将按钮设为display: block，这是很直接的想法，但是这有个问题，就是在悬浮出现按钮后，鼠标要...

事件冒泡（点击div外让div消失）

qq_38372358的博客

04-19

1406

var myDiv = $("#myDiv"); $(function() { $("#btn").click(function(event) { // showDiv();//调用显示DIV方法 $(myDiv).toggle(); $(document).one("click", function() { //对docum...

js 控制div 渐渐消失渐渐出现效果

sgear

08-07

1万+

效果一：手动控制展现或消失测试效果代码如下： TABLE width="80%">TBODY>TR>TD>效果一：手动控制展现或消失BR>INPUT onclick="startObjVisible(objDiv);if(this.value==点击展现){this.value=点击隐藏

显示一个提示框，几秒后显示框自动消失