总结:1、我在项目中遇到个问题,鼠标移到该文字区域的时候,就显示一个下拉区域。移开这个下拉区域的时候,就隐藏这块区域,当然这块区域是浮在页面主体上的。刚开始的时候,以为在要触发的文字区域这块加上onmouseenter或者onmouseleave这两个事件里写隐藏和显示区域就行了,code如下:
<div id="nav">
<ulclass="w" >
<li class="list active all"id="allcategory"><a href="#" οnmοuseenter=”alert(111);”οnmοuseleave=”alert(2222);” >所有商品分类</a></li>
<li><h2><a class="active1" href="/index.html">首 页</a></h2></li>
但是这个并不是我所想要的结果,因为不仅要在这个文字区域才触发onmouseleave事件而是离开整个区域才触发这个事件。于是,在网上找到相关资料,使用jquery 的on方法,code如下:
$(function(){
$(“#nava”).on(‘onmouseenter’,’#nav a’,function(){
区域显示,鼠标移入要写的内容
}); //这个只适用于jquery版本在1.7以上的,1.4以下适用live,这之间的使用delegate
})