导航hover延迟

2023-05-16

 $(function(){

  var hoverTimer, outTimer;
        $(".nav li").hover(function () {
            var _this = $(this);
            clearTimeout(outTimer);
            hoverTimer = window.setTimeout(function () {
                _this.find('a').addClass("active");
                _this.find(".addnavul").stop(true, true).slideDown(500);
            },0);
        }, function () {
            clearTimeout(hoverTimer);
            $(this).find('a').removeClass("active");
            $(this).find(".addnavul").stop(true, true).slideUp(500);

        });
      


 })

 

转载于:https://www.cnblogs.com/sdsd123/p/11605840.html

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

导航hover延迟 的相关文章

  • 悬停效果不会在图像上触发

    我将鼠标悬停在 picutre div 中的 img 上时遇到问题 HTML div img class content pic src image exemple jpg alt exemple img class content pic
  • :hover 在拖放时粘在元素上

    我有简单的 ol li 结构 想添加拖放功能 此外 我想以不同的颜色突出显示悬停项目和拖动项目 但这是 WebKit 中的一个不寻常的错误 捕获最后一个项目 将其拖到顶部 将其拖放到第一项 最后一个元素捕获悬停伪类 为什么 我该如何预防 这
  • 如何使用 firebug 检查 CSS 伪类?

    我正在与一种不情愿的挣扎a hover我无法覆盖的 css 样式 我尝试检查 Firebug 中的元素 但我不明白为什么它不起作用 我什至不知道如何正确检查a hoverFirebug 中的 CSS 事件 我见过 Firebug 中的悬停检
  • 如何在 angularjs 中添加悬停元素的延迟?

    我有一个元素 span Hover Me span div class outerDiv p Some content p div class innerDiv p More Content p div div 这是JS mouseente
  • CSS 变换 - 保持悬停状态的值

    我将一个盒子改造为旋转 10 并添加悬停状态以增加尺寸 box margin 0 auto background blue width 100px height 100px moz transform rotate 10deg webkit
  • CSS:悬停过渡后

    HTML 结构 div div img src images1 jpg div div img src images1 jpg div div img src images1 jpg div div img src images1 jpg
  • 在元素之间移动鼠标太快时的 jQuery 悬停问题

    我在页面上多次重复以下 html div class outer outer div class inner inner div div 并有这个 jQuery inner hide outer hover function e this
  • 如何应用子:悬停但不应用父:悬停

    使用以下 html 当我将鼠标悬停在子级上时 父级上会出现绿色背景 我怎样才能阻止这种情况发生 如果我悬停在子元素之外 我确实想要绿色背景 CSS3 很好 parent padding 100px width 400px height 40
  • 缩略图悬停缩放(放大)w/CSS3 和 javascript z 轴问题

    我正在尝试构建一系列在悬停时放大的缩略图 我的初步构建通过使用 CSS3 变换 缩放和缓入来完成放大 缩放部分 问题在于它们彼此重叠 因为它们共享单个 z 轴 任何人都可以帮助我在这个场景中创建一个 JavaScript 添加 以正确地将每
  • 如何在悬停图像时向下滚动?

    我想当悬停图像时 它会向下滚动到图像的末尾 我有两个问题 当用户将鼠标悬停在图像上时如何滚动到图像的末尾 目前 我开始将鼠标悬停在图像上 它没有滚动到图像的末尾 如何控制鼠标悬停在图像上时滚动的速度 My code body margin
  • IE 悬停选择问题

    我和一个朋友正在尝试解决 IE 7 8 我们在这里构建了一个规范的示例 http www mathgladiator com share ie select bug hover css menus htm http www mathglad
  • 使用 Python 和 Selenium 抓取图形上的悬停

    我正在尝试从中抓取数据http fuelinsights gasbuddy com Charts http fuelinsights gasbuddy com Charts使用Python和Selenium 困难的部分是 只有当鼠标悬停在折
  • 将 Plotly 与 R 结合使用的悬停模式

    当使用 R 和 ggplot2 进行绘图时 有没有办法对悬停模式进行编码 目前 我的代码是 plot lt ggplot data aes var1 var2 text var3 geom point py ggplotly plot 我希
  • Notepad++ 将鼠标悬停在链接或颜色上进行预览?

    我想知道是否有一个选择或plugin 这使我们能够悬停预览要么是CSS颜色 or image 像这样 而且如果你将鼠标悬停在 img src 上 预览图片 尝试 Notepad 快速颜色选择器 双击十六进制颜色 会弹出一个颜色选择器以及预览
  • CSS,悬停一个元素,影响另一个元素

    当我将鼠标悬停在 li a 上时 我可以影响普通 CSS 中的另一个元素吗 因为我试图在悬停链接时将一个框作为背景元素滑入 与此网站导航完全相同 只是不是在激活时使用 而是通过悬停来使用 http www zindhai com http
  • 可以在 IE 中的表格行上添加渐变吗?

    当我将鼠标悬停在表格特定部分的表格行上时 我希望背景更改为线性渐变 CSS 很简单 tbody row links tr hover background typical multi browser linear gradient code
  • 实现悬停信息框

    我有一个日历 当用户将鼠标悬停在单元格上时 会出现一个很大的信息框 其中包含该日期的详细信息 虽然当用户离开时使信息框消失 但我遇到了一些麻烦 我基本上想要它 这样当鼠标光标移出信息框隐藏的日历单元格时 它就会消失 但我遇到了麻烦 因为mo
  • 悬停 CSS 仅适用于 Chrome

    嘿 我正在尝试使用 CSS 悬停类 它在 Chrome 上运行良好 但在 Firefox 上运行不佳 任何帮助表示赞赏 这是我的 CSS albumbox labeltext visibility hidden albumbox hover
  • 如何创建具有“可悬停”区域的图像,以在 jQuery 或 HTML5 中显示附加信息

    我正在尝试创建一些我认为在 jQuery 或 HTML5 中应该很简单的东西 但我很难找到它的资源 如果有人可以提供帮助 我们将不胜感激 目标 我有一张包含 16 个可悬停部分的图像 该图像的其他部分是完全静态的 如果用户将鼠标悬停在预定义
  • 将鼠标悬停在图像上以显示按钮,并且将鼠标悬停在实际按钮上时不会触发

    我试图让按钮在悬停在图像上时出现 以下作品 jQuery show image mouseenter function jQuery the buttons animate opacity 1 1500 mouseout function

随机推荐

  • git入门1

    2016 04 23 19 25 02 参考 xff1a http blog jobbole com 78960 Git bash中运行git log之后怎样终止这个命令 xff0c 按q 再按回车键 清屏 clear 查询用户名 git
  • mysql查看库表的大小_MySQL查看数据库大小和表大小的方法

    MySQL查看数据库大小和表大小的方法 其实很简单 xff0c 就不多说了 xff0c 基本上看得懂代码都明白 查看MySQL数据库大小 SELECT table schema Database Name sum data length 4
  • 按键控制led灯亮灭c语言实验报告,嵌入式STM32学习笔记之按键查询方式控制led灯的亮灭...

    其实接触STM32已经快半年了 xff0c 端断续续的也学习了一下的STM32的各个模块的基本功能 xff0c 刚开始的时候也是看比人的写的代码 xff0c 看懂了然后再去修改 xff0c 能够在自己的平台上实现基本的功能 xff0c 也就
  • iOS 开发比较实用的框架总结(上)

    iOS开发比较实用的框架总结 下拉刷新类型的框架 EGOTableViewPullRefresh https github com enormego EGOTableViewPullRefresh 最早的下拉刷新控件 SVPullToRef
  • Linux使用远程X Server显示图形

    背景 通常我们不希望在服务器上安装图形界面 xff0c 但有时候有些程序需要图形界面 xff0c 比如安装oracle的时候 此时 xff0c 可以配置让Linux使用远程的X Server进行图形界面显示 首先要明确的是Linux X W
  • Linux socket-编程入门(TCP server 端)

    原文完整内容 通常 xff0c socket编程总是Client Server形式的 xff0c 因为有了telnet xff0c 先不考虑client的程序 xff0c 先写一个支持TCP协议的server端 xff0c 然后用telne
  • Anaconda 安装和使用

    最近看了些关于数据分析的书 xff0c 想系统的整理下相关知识 xff0c 算是学习笔记吧 xff0c 也希望能帮到初学者 1 Anaconda介绍 安装python的方法有很多种 xff0c 数据分析方面比较常用Anaconda Anac
  • PTN设备中为什么不支持PHP,ptn和otn的区别是什么

    区别 xff1a OTN是光传输网 xff0c 是从传统的波分技术演进而来 xff0c 主要加入了智能光交换功能 xff0c 可以通过数据配置实现光交叉而不用人为跳纤 xff1b 而PTN是分组传输网 xff0c 是传送网与数据网融合的产物
  • UITableViewController的使用

    如果整个程序界面都只是使用UITableView来搭建 xff0c 一般需要如下步骤 xff1a xff08 1 xff09 向界面上拖一个UITableView xff08 2 xff09 设置数据源 xff08 3 xff09 设置代理
  • MongoDB——explain()和hint()

    explain explain 能够提供大量与查询相关的信息 对于速度比较慢的查询来说 xff0c 这是最重要的诊断工具之一 通过查看一个查询的explain 输出信息 xff0c 可以知道查询使用了哪个索引 xff0c 以及是如何使用的
  • s3c2440之点亮led

    原理是操作led 与 CPU 相连管脚的GPIO xff0c 具体操作哪个GPIO xff0c 需要查看原理图 将对应GPIO配置为输出模式 xff0c 并设置GPIO的对应位为低电平即可点亮led xff0c 相反 xff0c 设置对应位
  • ffmpeg中avframe的YUV格式数据到OpenCV中Mat的BGR格式转换

    ffmpeg实现音视频编解码是非常常用的工具 xff0c 视频解码出来的raw数据是yuv格式 xff0c 用来进行后续的图像处理一般是RGB格式的 所以需要从yuv到rgb或者bgr的转换 xff0c ffmpeg提供了相应的转换API函
  • chrome cookie存在什么地方_谷歌浏览器产生的cookie缓存怎么查看呢?Cookie的具体内容在哪里...

    软件安装 xff1a 谷歌浏览器 装机大全致力于收录最值得您拥有的精品应用 第一时间武装您的电脑变身电脑达人 我们将为您奉上 更贴心的分类方式 无论您喜欢音乐 视频 还是热衷教程 资讯 精准的分类方便您在装机大全中快速找到需要的应用 更简洁
  • KVM虚拟平台搭建使用

    一 KVM虚拟化介绍 KVM 全称 kernel based virtual machine xff0c 由Qumranet公司发起 xff0c 2008年被RedHat收购 KVM实现主要基于Intel V或者AMD V提供的虚拟化平台
  • Ubuntu18.04安装rabbitvcs svn图形化客户端和简单实用

    1 1 自带source源里面查找rabbitvcs信息 sudo apt search rabbitvcs 1 2 安装rabbitvcs sudo apt install rabbitvcs cli rabbitvcs core rab
  • apache2 以及https证书配置

    环境Ubuntu12 04 server 配置 1 xff0c 首先在进入找到 etc apache2 apache2 conf的配置文件 xff0c 里面有包含了较多配置文件的路径如 xff1a httpd conf ports conf
  • python网络请求的库_【Python 模块】 requests 基本使用

    安装 amp 加载pip3 install requests i https mirrors aliyun com pypi simple import requests GET 请求 普通请求 r 61 requests get 39 h
  • centos6.7搭建局域网ntp服务器

    修改 etc ntp conf文件 restrict xxx nomodify notrap nopeer noquery xxx 此处配置本地IP地址 restrict 127 0 0 1 restrict xxx mask 255 25
  • h5-面试题

    干货 各种常见布局实现 43 知名网站实例分析 前端面试考点多 xff1f 看这些文章就够了 xff08 2019年6月更新版 xff09 前端面试 xff1a 这50个经典前端面试题面试者必看 xff01 Vue面试中 xff0c 经常会
  • 导航hover延迟

    function var hoverTimer outTimer 34 nav li 34 hover function var this 61 this clearTimeout outTimer hoverTimer 61 window