我遇到了一些jquery菜單中的mouseenter問題。鼠標輸入時如何修復p
,p
還有display block
?菜單中的jquery mouseenter mouseout
<script>
$(document).ready(function() {
$('a').mouseenter(function(){
$('p').css('display','none');
$(this).next('p').slideDown('slow');
}).mouseleave(function(){
$('p').slideUp('slow');
});
$('p').mouseenter(function(){
$(this).css('display','block');
});
});
</script>
<div>
<a>menu1</a>
<p>about us</p>
<a>menu2</a>
<p>contact</p>
</div>
<style>
div{
position:relative;
z-index:0;
width:600px;
height:20px;
}
p{
display:none;
position:absolute;
top:20px;
left:0;
width:300px;
height:100px;
background:#ccc;
}
</style>
現場演示:http://jsfiddle.net/KTvf7/
(1)'$( 'P')的mouseenter(函數(){$(本)的CSS( '顯示器', '塊'); $(本).show(); });'什麼都不做('p'是alreay塊,並且是可見的,否則你不能輸入它)。 (2)如果用戶離開'a'元素的菜單,'p'仍然顯示。 – ori 2012-02-12 22:01:14
我會同意你的...我的錯誤衝。..(this).show();在上面的代碼中是沒用的 – Alexander 2012-02-12 22:10:10