当鼠标一段时间没有移动时,用jQuery隐藏div元素?

2024-01-08

我有一个广播视频网站,带有一个菜单,当鼠标一段时间(假设 10 秒)不移动时,应该隐藏该菜单。同样,随着鼠标移动,它应该会重新出现。使用 css 和 jQuery 执行此操作的最佳方法是什么? 先感谢您。


看看mousemove http://api.jquery.com/mousemove/事件。你可以尝试这样的事情:

var i = null;
$("#element").mousemove(function() {
    clearTimeout(i);
    $("#menu").show();
    i = setTimeout(function () {
        $("#menu").hide();
    }, 10000);
}).mouseleave(function() {
    clearTimeout(i);
    $("#menu").hide();  
});

Demo: http://jsfiddle.net/AMn9v/6/ http://jsfiddle.net/AMn9v/6/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

当鼠标一段时间没有移动时,用jQuery隐藏div元素? 的相关文章

随机推荐

  • 如何在 Chrome 扩展中自定义弹出窗口的标题栏?

    如何在 Chrome 扩展中设置弹出窗口标题栏的样式 我注意到这是由Chrome 聊天室 https chrome google com webstore detail chat for google nckgahadagoaajjgafh
  • 使用 JQ 修改嵌套 JSON 数组

    我想使用 JQ 修改以下 JSON 输入 rows fields name id value k1 name val value 2340378b211aa3d8f2d7607cbddce883b87b191d0425736641e3d30
  • Firefox 中出现奇怪的 CSP 错误

    我最近添加了以下 CSP 策略https stefan sofa rockers org https stefan sofa rockers org default src self style src self https brick a
  • 如何在 Maven 中创建两个文件的一个校验和以在目录名称中使用它

    我正在使用 Maven 创建一个目录 本地 Eclipse b3 Aggregator P2 镜像 两个配置文件 A target B target 用于两次创建此目录 如果这些配置文件发生更改 则应创建新的镜像目录 我想将配置文件的校验和
  • 使本地 TFS 构建代理使用 v14 msbuild 工具

    我有几个 ASP NET vNext 应用程序 我希望我的 CI 服务器也能够构建它们 我的本地机器和 CI 服务器都运行 VS2015 RC 然后我们就有了 VS Online 和本地构建控制器 这就是提到的服务器 但是 我无法继续构建
  • Lua 要求不工作

    我正在尝试使一个 lua 文件需要另一个文件 我正在遵循本指南 http lua users org wiki ModulesTutorial http lua users org wiki ModulesTutorial 我的基本测试应该
  • 获取 USB HDD 的序列号 (Mac OS)

    我已经在 stackoverflow com 和 google 上搜索了答案 但找不到任何东西 我获得了属于外部 USB HDD disk1 的分区 disk1s1 的 bsdName 我需要找出该外部硬盘的序列号 我已经尝试过以下操作 查
  • SCSS 模块给出流程错误

    更新至Create React App 2它通过以下 import 语句支持 css 模块 import styles from myStyles module scss 然而 flow正在抱怨说 Importing from an unt
  • 在 CDI-Unit 中注入 @PersistenceContext

    这是单元测试代码 当我们运行单元测试代码 SampleServiceTest2 时 AbstractDao 中注入的 EntityManager 始终为 null 我们如何在单元测试期间注入 em 示例服务测试2 java import j
  • 不允许将顶部框架导航到数据 URL:JsPDF

    try var a var b new jsPDF p pt a3 var c document getElementById leftPieCanvas toDataURL image png b addImage c PNG 265 6
  • 使用 terraform,如何使用 Azure 的 list/count 创建具有唯一且不同名称的多个相同类型的资源?

    这是我想要实现的目标的一个基本示例 我有两个文件 main tf 和 variable tf 我想创建两个资源组 变量文件中是我希望资源组占用的名称列表 第一个资源组的名字 以后类似 所以请帮助我了解如何实现它 我正在使用 terrafor
  • Google Cloud Endpoints 的自定义身份验证(而不是 OAuth2)

    我们对 App Engine 的支持感到非常兴奋谷歌云端点 https developers google com appengine docs python endpoints 也就是说 我们尚未使用 OAuth2 通常使用用户名 密码对
  • readline() 函数在网络浏览器中不起作用

    每次我想运行我的代码时 它都显示没有输入 我使用 Xampp 在浏览器上运行它 这在浏览器 readline 中不起作用 将被跳过 回声给出一个空值 https www php net readline https www php net
  • 如何在Android中安全地存储密钥?

    我正在阅读有关存储密钥 用于加密 解密数据 的信息 似乎无法实现这一点 攻击者实现这一目标只会增加难度 真的是这样吗 到目前为止我所得到的 存储在共享首选项 私人模式 中 已 Root 的手机将能够检索它 NDK C C 本机代码 创建 s
  • Sinatra 服务器推送?

    将数据从用 Sinatra 编写的服务器推送到客户端的最佳方法是什么 与聊天室类似 但没有 Ajax 每 2500 毫秒轮询一次 我知道 Rails 中的 Juggernaut 但对 Sinatra 很好奇 谷歌搜索一下出现了Marc An
  • VB.net动态单选按钮添加事件onclick

    您好 我对这段代码有问题 我从数据库中获取 ID 和名称 然后将每一行添加到新的 RadioButton 中 但是如何使用 msgbox onclick 获取 id 代码是这样的 Imports MySql Data MySqlClient
  • Bootstrap 菜单在移动视图中默认不折叠

    我尝试使用 twitter bootstrap 3 0 实现自动折叠的垂直导航 基本功能有效 窗口大小小 顶部的菜单应该如此 但问题是 如果我使用 bootstrap 中的默认导航栏功能 它不会折叠 div class container
  • python图像识别[关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 我想做的是一个简单应用程序的图像识别 给定图像 500 x 500 pxs 1 种颜色背景 该图像将只有 1 个 50x50 像素的几何图
  • 如何使用 appium 来自动化 Android 上的浏览​​器?

    我想使用appium在android手机上自动化浏览器 但我不知道如何设置该功能 首先 我在 Android 设备的开发者选项中启用了 USB 调试 其次 adb 运行良好 我可以看到设备 ID 第三 我从Appium for window
  • 当鼠标一段时间没有移动时,用jQuery隐藏div元素?

    我有一个广播视频网站 带有一个菜单 当鼠标一段时间 假设 10 秒 不移动时 应该隐藏该菜单 同样 随着鼠标移动 它应该会重新出现 使用 css 和 jQuery 执行此操作的最佳方法是什么 先感谢您 看看mousemove http ap