Maison  >  Article  >  développement back-end  >  关于jq显示隐藏的成效

关于jq显示隐藏的成效

WBOY
WBOYoriginal
2016-06-13 12:02:501015parcourir

关于jq显示隐藏的效果

按钮
内容



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


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

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

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

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn