knrt.net
当前位置:首页 >> jquEry下拉菜单,当我鼠标离开后,它就自动缩回了... >>

jquEry下拉菜单,当我鼠标离开后,它就自动缩回了...

把它包含到mousecenter的标签内就可以了,

把script部分换成下面代码<script type="text/javascript">$(function(){$('.subnav').hide();$('#menu li').hover(function(){ $(this).find('.subnav').show();}, function() {});$('.subnav').hover(function(){},function(){ $(this).hide();});});</script>

不是$("this"),写错了,没有引号的

你应该把"进入离开button"触发事件 改成 "进入离开div(button的父节点)"触发事件

不是用hover(),而是用mouseleave(),才能让鼠标移动到下拉菜单中,而下拉菜单不会消失

这个其实都不用JQ,纯CSS也可以实现利用 display:block; display:none; :hover 结合就可以

$("body").click(function(){ $(".menu").hide();});$(".menubar").click(function(){ $(".menu").show();});点击菜单栏就显示子菜单..点击整个窗口子菜单隐藏【包括子菜单考虑在内了】

……又是你……这个问题貌似不是属于电脑外接设备吧?还有这个网站是什么内容的啊,我很好奇~你只要css样式中增加一句:.menu li.hover>a{color:white;}就行了,亲测有效~原因就是,你用jquery写了鼠标经过时给元素加上hover的class.却没有写这个样式下的字颜色.鼠标一移动下其他地方,就会读.menu ul li a里的黑色……

你找开源的用啊.比如:jquery-ui

一般使用设置延迟处理,然后在显示子菜单也加上hover事件:<script language="javascript">$(function(){ $(".subnav").hide(); var _timeout; $('.v-show').hover(function(){ clearTimeout(_timeout); $('.subnav').show(); },function(){ _timeout=

网站首页 | 网站地图
All rights reserved Powered by www.knrt.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com