两种事件触发的jquery导航菜单
上周五群里一童鞋问了个问题，需求是click事件触发的导航菜单，网上很多例子都是mouseover与mouseout事件结合使用的。没找到合适的click事件触发的。于是，在懒人网找到个mouseover的例子，决定改造下，其实非常简单。就不多说了。
不过，这里也要记录一个知识点，关于jquery ul li mouseout 事件冒泡的bug。
$('ul>li>div').bind("mouseenter",function(){})代替$(...).mouseover();
$('ul>li>div').bind("mouseleave",function(){})代替$(...).mouseout();
因为bind方法可以屏蔽浏览器的一些事件冒泡行为。
这样，就不会出现刚刚所说的mouseover,mouseout错误触发的问题。
另外，ie支持mouseenter,mouseleave事件，firefox等不支持，但通过jquery的这种方式后，所有浏览器均支持上面的语法（这大概也是jquery的好处吧）
文件：
