关于jq显示隐藏的效果

php中文网
发布: 2016-06-23 13:53:18
原创
978人浏览过


按钮
内容



$('#mune_1').hover(function(){
$('.second_mune').show();
},function(){
$('.second_mune').hide();
})


我修改成这样,因为鼠标经过的a标签和要显示内容的span不在同一个div上,所以我鼠标指向a标签显示内容后,再移到span标签上还是会隐藏掉,怎样修改才能让鼠标移到a标签和span标签都能显示内容??

芦笋演示
芦笋演示

一键出成片的录屏演示软件,专为制作产品演示、教学课程和使用教程而设计。

芦笋演示 34
查看详情 芦笋演示

回复讨论(解决方案)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head>  <meta http-equiv="content-type" content="text/html;charset=utf-8">  <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>  <title> js test </title> </head> <body>	<a class="mune_1">按钮</a>	<span class="second_mune" style="display:none">内容</span>  <script type="text/javascript">    var et = null;	$('.mune_1').hover(function(){		if(et!=null){			clearTimeout(et);		}		$('.second_mune').show();	},function(){		et = setTimeout(function(){			$('.second_mune').hide();			},100);		})	$('.second_mune').hover(function(){		if(et!=null){			clearTimeout(et);		}		$('.second_mune').show();	},function(){		et = setTimeout(function(){			$('.second_mune').hide();			},100);		})	  </script> </body></html>
登录后复制

感觉加个容器比较好

<span>    <a class="mune_1">按钮</a>    <span class="second_mune" style="display:none">内容</span></span>
登录后复制
    $('.mune_1').hover(function(){      $(this).parent().hover(function(){        $('.second_mune').show();      },function(){        $('.second_mune').hide();      })    })   
登录后复制

三楼的 加个parent(),鼠标移到其它a标签上也会显示层了,怎么解决??

不错学习一下

2楼的是可以 

不知道!
我只能满足你已提出的要求
无法预测你还会做什么

好的 还是要谢谢

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门推荐
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号