1.不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。 2.只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。 复制代码 代码如下: <div class="sel_box"> <input type="button" value="请选择所属部门" id="sel_dept" /> <div class="hide" id="sel_dept_sh" style="display: none;"> <p> <font>深圳市公司 </font> </p> <p> <font>集团管理层 </font> </p> </div> </div> <script type="text/javascript"> $(".sel_box").click(function(event){ if(event.target.id == 'sel_dept'){ $("#sel_dept_sh").show(); //显示下拉框 $("#sel_dept_sh p font").click(function(){ $("#sel_dept").val(''); var text = $(this).text(); // alert(text); $("#sel_dept").val(text).css("color","#000"); $("#sel_dept_sh").hide(); }); }else{ $("#sel_dept_sh").hide(); } }); $(".sel_box").bind("mouseleave",function(){//用mouseleave就实现了模仿下拉框的效果 $(this).find(".hide").hide(); }); $(".sel_box").bind("mouseout",function(){//而mouseout则不行，什么时候都会触发 $(this).find(".hide").hide(); }); </script>

　　推荐阅读

　　javascript简易缓动插件(源码打包)

要求如下： 可以开始、暂停（线性、非线性tween都支持）、继续、结束 支持多个样式并行 最好不依赖于某个框架下运行 文件尺寸越小越好 他找了一下现有的一些插件或者库，鲜有能满足或者比较均衡的，我在这个要求下>>>详细阅读

本文标题：jquery中的mouseleave和mouseout的区别 模仿下拉框效果

地址：http://www.17bianji.com/kaifa2/JS/23657.html

 1/2    1