鼠标移动事件（鼠标移动到主菜单上显示子菜单）

mouseenter（）：当鼠标指针穿过元素时，会发生 mouseenter 事件。与 mouseover 事件不同，只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。如果鼠标指针穿过任何子元素，同样会触发 mouseover 事件。

mouseleave （）：当鼠标指针离开元素时，会发生 mouseleave 事件。与 mouseout 事件不同，只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。如果鼠标指针离开任何子元素，同样会触发 mouseout 事件。

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>下拉框效果</title>
<style type="text/css">.wrip>ul{display: none; }</style><script type="text/javascript" src="/3DT/js/jquery-2.1.1.js"></script>
<script type="text/javascript">$(function(){var $li=$(".wrip");$li.mouseenter(function(){$(this).children("ul").show();})$li.mouseleave(function(){$(this).children("ul").hide();})});
</script>
</head>
<body><ul><li class="wrip">一级菜单01<ul><li>子菜单11</li><li>子菜单12</li><li>子菜单13</li><li>子菜单14</li></ul></li><li class="wrip">一级菜单02<ul><li>子菜单11</li><li>子菜单12</li><li>子菜单13</li><li>子菜单14</li></ul></li></ul></body>
</html>

效果图：

鼠标移动到“一级菜单01”上：

鼠标离开到“一级菜单01”：

鼠标移动事件（鼠标移动到主菜单上显示子菜单）相关推荐

如何动态添加菜单/菜单项、子菜单、右键菜单
有关菜单的操作主要用到 CMenu 类,当然也可用相应 API 函数, CMenu 类只是 MFC 对 API 中操作菜单的函数的封装而已. 不过能用类就尽量用类,类的组织方式好呗,代码看着也舒服. ...
Android菜单详解——子菜单（SubMenu）
1,子菜单就是将功能相同或相似的分组进行多级显示的一种菜单. 2,创建子菜单的步骤: a) 覆盖Activity的onCreateOptionsMenu()方法,调用Menu的addSubMenu() ...
C# WinForm 在窗口菜单上显示已打开窗体的标题及其窗体的排列
1. C# WinForm 在窗口菜单上显示已打开窗体的标题设置窗体菜单的MdiList属性为 True 2.窗体的排列 Code // // 平铺 base.LayoutMdi(MdiLayou ...
dedecms二级菜单中判断子菜单标签的方法
这篇文章将为大家详细讲解有关dedecms二级菜单中判断子菜单标签的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获. 虚拟接口是用户本地数据中心通过海外专线访问V ...
html js鼠标悬停事件,鼠标悬停在轴标签d3.js javascript上的事件
有没有人知道是否有可能在y轴标签上有鼠标悬停事件? 例如,我在下面有一个散点图. y轴上的标签是"area1","area2"和"area3" ...
C#遍历ContextMenuStrip右键菜单中包含子菜单的所有菜单并添加事件
今天写程序的时候,用到了右键菜单控件ContextMenuStrip,真的很方便,写了几个菜单与子菜单项,本来是可以用双击来给每一个菜单添加事件的,不过,这样做似乎非常麻烦,而且对一些子菜单也不容易控 ...
【mac】vmware tools 在菜单上显示灰色无法安装的问题
在mac上构建WIN7的虚拟机系统的时候,因为想要用的硬件3D的功能, Vmware提示要用vmware tools来重新安装,但是,Mac的安装菜单上,vmware tools是灰色的,无法选择. ...
java中菜单不显示_菜单不显示
菜单不显示 import javax.swing.JFrame; import javax.swing.JMenuBar; import javax.swing.JMenu; import javax ...
菜单栏点击显示二级菜单_显示完整菜单
菜单栏点击显示二级菜单 On my own computer, I like to see the full menus in Excel, so I selected that setting: 在 ...

鼠标移动事件（鼠标移动到主菜单上显示子菜单）

鼠标移动事件（鼠标移动到主菜单上显示子菜单）相关推荐

最新文章

热门文章