有點卡在這個jquery上。jquery懸停導航按鈕,在另一個div上的fadein div
我的導航欄上方有一個橫幅,它是一個列表。理想情況下,當我將鼠標懸停在導航欄中的某個li上時,我想要一個「標題」滑入橫幅div的頂部。
我想是這樣的:
<div id="banner">
<div class="home_caption">This is Home!</div>
<div class="about_caption">This is About!</div>
</div>
<div id="navbar">
<ul>
<li id="home"><a href="#">Home</a></li>
<li id="about"><a href="#">About</a></li>
</ul>
</div>
所以,如果我將鼠標懸停在「家」中,「home_caption」 DIV將滑入查看關於「旗幟」 DIV的頂部。
的jQuery:
$(document).ready(function(){
$('#home').hover(function(){
$(".home_caption", this).stop().animate({top:'160px'},{queue:false,duration:160});
}, function() {
$(".home_caption", this).stop().animate({top:'260px'},{queue:false,duration:160});
});
});
我已經看過https://buildinternet.s3.amazonaws.com/live-tutorials/sliding-boxes/index.htm但如果適應我的需求不能確定 - 即在「懸停」區域是「標題」區域之外。
感謝
道歉延遲效應初探,餘仁生看起來像我後,應該能夠適應它適合。 謝謝 – met 2009-12-01 12:41:48