jQuery防止懸停兒童閃爍

當我懸停一個元素，然後懸停一個內部元素時，我遇到了麻煩。我不知道它是否是我想要實現的最佳方式。這裏是我的代碼：jQuery防止懸停兒童閃爍

我的標記：

<div class="wrapper"> 
    <div class="animation"> 
    <a href="#" class="linked"><img src="#"/></a> 
    <h1 class="title hidden"><a href="#">blabla</a></h1> 
    </div> 
</div>

我的JS：

$('.animation a img').hover(function(){ 
     $(this).parent().next().stop().fadeTo("medium", 1); 
     $(this).stop().fadeTo("fast", 0); 
    }, function(){ 
     $(this).parent().next().stop().fadeTo("medium", 0); 
     $(this).stop().fadeTo("fast", 1); 
    });

CSS：

#wrapper {margin: 0 auto; width: 960px;} 
    #hidden {display: none;} 
    h1 a {bottom: 0; float: left; font-size: 1.5em; left: 0; position: absolute; width: 460px;} 
    .linked {background: #666; float: left; height: 250px;}

當我將鼠標懸停在H1的閃爍開始。有什麼辦法可以禁用或修復它嗎？

提前致謝！

來源

2011-03-14 Jackson Viera

哪裏CSS？ – s84 2011-03-14 05:41:14

我沒有看到任何閃爍 – 2011-03-14 05:48:26

當你把H1懸停似乎有另一個動畫，它是從父母img輕彈不透明，我想停止 – 2011-03-14 05:50:44

它這就是你想要什麼http://jsfiddle.net/GWHrK/2/

$('.animation a img').hover(function(){ 
     $(this).parent().next().stop().fadeTo("medium", 1); 
     $(this).stop().fadeTo("fast", .5); 
});

來源

2011-03-14 10:54:25

是的，類似的東西。但是懸停在哪裏？在jsfiddle.net/GWHrK/1上，當你將鼠標懸停在紅色方塊上並將鼠標懸停在文本上時，紅色方塊會消失（看起來符合邏輯），但我不希望這樣。希望有所幫助，非常感謝！ – 2011-03-14 16:29:01

你明白我想要什麼嗎？ Tnx – 2011-03-16 02:37:21

http://jsfiddle.net/GWHrK/3/我更新了代碼。看到它的行動！非常感謝您的幫助:) – 2011-03-16 03:11:49

jQuery防止懸停兒童閃爍

回答

相關問題