jquery中的mouseleave和mouseout的区别 模仿下拉框效果

　　<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>