jQ中的mouseleave和mouseout的区别 模仿下拉框效果
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的区别 模仿下拉框效果相关推荐
- 在Dialog中实现下拉框效果并对下拉框赋自定义的值
一般在Dialog中用下面一个函数,显示下拉列表,本例以f4函数来实现的 CALL FUNCTION 'VRM_SET_VALUES'EXPORTINGID = 'P_LGORT' "对应屏 ...
- EXCEL中IF函数多重嵌套使用和EXCEL下拉框
=IF(A1>=60,"及格","不及格") 这是一般通过公式里面IF函数所能做到的,但是EXCEL中没有java中case这样多条件的判断语句,因此需要 ...
- SAP选择屏幕中实现三级联动下拉框效果
TYPE-POOLS:VRM. DATA: NAME TYPE VRM_ID. DATA:NUM TYPE I. "根据PRODH字段长度判断 某行属于哪一级 DATA:LOADED TYP ...
- html实现选择头像,在网页中实现OICQ里的头像选择的下拉框 (附例子)
模拟oicq下拉头像 var bv=parseint(navigator.appversion); var ie4=((document.all)&&(bv>=4))?true: ...
- JQ实现三个Select下拉框互斥
2019独角兽企业重金招聘Python工程师标准>>> 目的:三个select下拉框中的内容相同,当其中一个下拉框选中了其中一个值后,隐藏掉另外两个下拉框中相同的值. html: & ...
- Android中自定义xml文件给Spinner下拉框赋值并获取下拉选中的值
场景 实现效果如下 注: 博客: https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书.教程推送与免费下载. 实现 将布局改 ...
- Winform中给下拉框(ComboBox或LookUpEdit)添加内容
一.实现效果 1.1.Winform的Combox下拉框效果 1.2.Dev中Winform的ComboxEdit与LookUpEdit下拉框效果 二.实现核心 2.1.Winform的Combox下 ...
- js获得html下拉框的值,JavaScript如何获取select下拉框中第一个值
本文主要和大家介绍JavaScript实现获取select下拉框中第一个值的方法,涉及javascript针对页面元素属性的相关获取操作技巧,需要的朋友可以参考下,希望能帮助到大家. 1.说明 获取s ...
- Ajax实现在textbox中输入内容,动态从数据库中模糊查询显示到下拉框中
功能:在textbox中输入内容,动态从数据库模糊查询显示到下拉框中,以供选择 1.建立一aspx页面,html代码 <HTML> <HEAD> < ...
最新文章
- VirtualBox - RTR3InitEx failed with rc=-1912 (rc=-1912)
- 进程 互斥锁、队列与管道、生产者消费者模型
- Mysql:Sql的执行顺序
- 【深度学习】相当全面的深度学习环境配置指南!(Windows、Mac、Ubuntu全讲解)...
- 办大额信用卡致胜一招
- 两幅二值图像叠加_【显微视界】光照不均匀图像分割技巧1——分块阈值
- work summary(1)
- IMapGrid/IIndexGrid/IMesureGrid使用方法及MapGridBorder的使用
- ERROR: libx264 not found
- 拼多多破1000亿美金,黄峥自述:我的人生经历和创业理念
- 王垠受邀面试阿里P9,被P10面跪后网上怒发文,惨打325的P10赵海平回应了
- bzoj3144 切糕
- tinker热修复gradle接入
- 彻底删除微软拼音输入法的方法
- STM32读取SHT3x系列温湿度传感器,标准库和HAL库
- gdb调试,GDB调试opencore源码
- 计算机的系统原理,计算机系统及其工作原理
- Party All the Time HDU - 4355(三分)
- python中lt是什么意思_python里的tplt什么意思 Python的format格式化输出
- 《经典算法案例》01-09:如何打印质数表(十列版)