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

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

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

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>












		

			
一级菜单01
				

					
子菜单11
					
子菜单12
					
子菜单13
					
子菜单14
				
			
			
一级菜单02
				

					
子菜单11
					
子菜单12
					
子菜单13
					
子菜单14
				
			
		
		

	
	

效果图：

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

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