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>

转载于:https://www.cnblogs.com/1haojia/archive/2012/02/06/2340111.html

jQ中的mouseleave和mouseout的区别 模仿下拉框效果相关推荐

  1. 在Dialog中实现下拉框效果并对下拉框赋自定义的值

    一般在Dialog中用下面一个函数,显示下拉列表,本例以f4函数来实现的 CALL FUNCTION 'VRM_SET_VALUES'EXPORTINGID = 'P_LGORT' "对应屏 ...

  2. EXCEL中IF函数多重嵌套使用和EXCEL下拉框

    =IF(A1>=60,"及格","不及格") 这是一般通过公式里面IF函数所能做到的,但是EXCEL中没有java中case这样多条件的判断语句,因此需要 ...

  3. SAP选择屏幕中实现三级联动下拉框效果

    TYPE-POOLS:VRM. DATA: NAME TYPE VRM_ID. DATA:NUM TYPE I. "根据PRODH字段长度判断 某行属于哪一级 DATA:LOADED TYP ...

  4. html实现选择头像,在网页中实现OICQ里的头像选择的下拉框 (附例子)

    模拟oicq下拉头像 var bv=parseint(navigator.appversion); var ie4=((document.all)&&(bv>=4))?true: ...

  5. JQ实现三个Select下拉框互斥

    2019独角兽企业重金招聘Python工程师标准>>> 目的:三个select下拉框中的内容相同,当其中一个下拉框选中了其中一个值后,隐藏掉另外两个下拉框中相同的值. html: & ...

  6. Android中自定义xml文件给Spinner下拉框赋值并获取下拉选中的值

    场景 实现效果如下 注: 博客: https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书.教程推送与免费下载. 实现 将布局改 ...

  7. Winform中给下拉框(ComboBox或LookUpEdit)添加内容

    一.实现效果 1.1.Winform的Combox下拉框效果 1.2.Dev中Winform的ComboxEdit与LookUpEdit下拉框效果 二.实现核心 2.1.Winform的Combox下 ...

  8. js获得html下拉框的值,JavaScript如何获取select下拉框中第一个值

    本文主要和大家介绍JavaScript实现获取select下拉框中第一个值的方法,涉及javascript针对页面元素属性的相关获取操作技巧,需要的朋友可以参考下,希望能帮助到大家. 1.说明 获取s ...

  9. Ajax实现在textbox中输入内容,动态从数据库中模糊查询显示到下拉框中

    功能:在textbox中输入内容,动态从数据库模糊查询显示到下拉框中,以供选择 1.建立一aspx页面,html代码 <HTML>     <HEAD>         < ...

最新文章

  1. VirtualBox - RTR3InitEx failed with rc=-1912 (rc=-1912)
  2. 进程 互斥锁、队列与管道、生产者消费者模型
  3. Mysql:Sql的执行顺序
  4. 【深度学习】相当全面的深度学习环境配置指南!(Windows、Mac、Ubuntu全讲解)...
  5. 办大额信用卡致胜一招
  6. 两幅二值图像叠加_【显微视界】光照不均匀图像分割技巧1——分块阈值
  7. work summary(1)
  8. IMapGrid/IIndexGrid/IMesureGrid使用方法及MapGridBorder的使用
  9. ERROR: libx264 not found
  10. 拼多多破1000亿美金,黄峥自述:我的人生经历和创业理念
  11. 王垠受邀面试阿里P9,被P10面跪后网上怒发文,惨打325的P10赵海平回应了
  12. bzoj3144 切糕
  13. tinker热修复gradle接入
  14. 彻底删除微软拼音输入法的方法
  15. STM32读取SHT3x系列温湿度传感器,标准库和HAL库
  16. gdb调试,GDB调试opencore源码
  17. 计算机的系统原理,计算机系统及其工作原理
  18. Party All the Time HDU - 4355(三分)
  19. python中lt是什么意思_python里的tplt什么意思 Python的format格式化输出
  20. 《经典算法案例》01-09:如何打印质数表(十列版)

热门文章

  1. 2019牛客暑期多校训练营(第七场)A String(暴力)
  2. 仓库如何盘点 打印扫描一体PDA盘点机提升库存盘点效率
  3. java servlet上传centos服务器
  4. 在C++ Builder中用socket api来写网络通讯程序(同时支持TCP和UDP协议)
  5. ssh免密登录(普通用户和root用户)
  6. 【Sqoop学习之一】Sqoop简介
  7. C#修改系统环境变量,调用批处理bat
  8. Entity Framework查询,EF执行SQl
  9. Win10 IoT 10 中文显示乱码或报错的问题
  10. ORACLE多表查询优化(引)