解决鼠标移动导航栏,下拉菜单就会消失的问题
这个太坑了特此写一篇博客记录
$(".product_guid").mouseover(function(){
$(".first_guid").show();
})
$(".product_guid").mouseover(function(){
$(".first_guid").hide();
})
原本代码这么写,因为first_guid是product_guid的子元素,所以按理来说鼠标移动到first_guide也不算移出product_guid
但是!只要鼠标移出那个小li,还没等到鼠标移动到first_guid上下拉菜单first_guid就会消失!
用了N种方法之后终于找到了解决办法
$(".product_guid").mouseover(function(){
$(".first_guid").show();
})
$(".first_guid").mouseleave(function(){
$(".first_guid").hide();
})
让子菜单在移出子菜单的时候消失。。好坑
解决鼠标移动导航栏,下拉菜单就会消失的问题相关推荐
- CSS3——对齐 组合选择符 伪类 伪元素 导航栏 下拉菜单
水平&垂直对齐 元素居中对齐 .center {margin: auto;width: 50%;border: 3px solid green;padding: 10px; } 文本居中对齐 ...
- HTML字母导航栏怎么做,html导航栏下拉菜单怎么制作?这里有详细的代码实例
本篇文章介绍了关于html导航栏下拉菜单的制作,文章一开始就给出了全部的导航栏下拉菜单的代码,没看懂的下面都有详细的解释.下面就让我们一起来看这篇文章吧 我们要说的是html导航栏下拉菜单的制作,先看 ...
- html 下拉导航栏源码,html导航栏下拉菜单怎么制作?这里有详细的代码实例
元素来包裹这些元素,并使用CSS来设置下拉内容的样式. html导航栏菜单的CSS部分: .dropdown类使用position:relative,这将设置下拉菜单的内容放置在下拉按钮(使用posi ...
- 导航栏 下拉菜单的制作
导航栏 , 下拉菜单的制作 代码示范 : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &qu ...
- Bootstrap导航栏下拉菜单鼠标滑过展开
boostrap的导航栏不提供鼠标滑过展开,通过给类为dropdown的li标签添加和移除open类实现 $(function () {$(".dropdown").mouseov ...
- 导航栏下拉菜单效果代码
导航栏,菜单栏下拉简单实现 先看看效果图 <!-- jQuery Drop-down Menu/Navigation bar Copyright 2017-9-21, Jachin QQ: 38 ...
- Layui导航栏下拉菜单不显示问题
1.首先检查自己有没有导入layui.js 2.检查是否已经加载element模块 <ul> ....... </ul> //放到你导航栏代码块的后面 <script&g ...
- dw添加下拉菜单_怎样用dw制作导航栏下拉菜单
一.工具:dw工具 二.操作步骤: [1]打开dw软件,新建立一个新的文件. [2]点击常用,选择布局,绘制一个层. [3]再点击层,再绘制一个.可以看到,第一个层是layer1,第二个是layer2 ...
- html纯css实现导航栏下拉菜单(带下拉三级菜单)
本文转载于:https://blog.csdn.net/qq_30449567/article/details/80548720 <!DOCTYPE html> <html lang ...
- html ios导航栏下拉菜单,Flutter -- iOS导航栏TabBar
1 import 'package:flutter/cupertino.dart';2 import 'package:flutter/material.dart';3 4 void main(){5 ...
最新文章
- python中intvar_在Python线程中使用Intvar/DoubleVar是否安全?
- JavaScript的编译模式
- [转载]无需软件合并多个TS流文件
- ARM linux内核启动时几个关键地址【转】
- suse 内核编译安装_升级SUSE Linux内核的完整步骤!
- Asp.net 面向接口可扩展框架之核心容器
- cocos2dx热更新tmx的一个坑
- c语言spoc测验成绩比重,SPOC混合教学模式在C语言程序设计课程的应用
- 通达信指标公式编写常用函数(八)——MAX、MIN、BETWEEN、ABS
- 不是不给你,而是你承受不住
- 阿里云解决方案怎么写?阿里云服务器等产品官方解决方案撰写思路
- 新浪微博:向左走还是向右走
- Fortran学习笔记(4)
- 成年人的标志:把反馈当作礼物
- VS2022 添加 dll 库文件
- Linux 命令清单大全
- 外贸企业邮箱,选择海外群发邮件稳定的邮箱
- 菜鸡程序员报道(大冬瓜镇贴)
- 210322,鑫铂股份,中电电机,中信重工成交量检测
- 电商业务中的纸箱推荐问题
热门文章
- @Autowired 和 @Resource 的 5 点区别!
- 【MNIST数据转化】.idx3-ubyte 转png 格式
- 新买的m1 macbookpro 快速上手装机之常用必备软件资源
- SpringBoot的开发(3)--前端页面的搭建、前端页面的编写、分页和增删改查功能的实现...
- OpenCV肤色检测
- 理解一维数组中 buf、buf[0]、buf[0]、buf 四个符号的含义
- 新概念英语三Unit4
- 【3000字扫盲】来搞“颜色“!RGB/HSV/HSI颜色模型
- 数据库系统概论第一章课后习题答案(第5版)
- 即时通讯软件(企业IM)对企业的作用