.hover淡出圖像，淡入淡出圖像。在退出時返回原始圖像

我的公司徽標出現在我網站的頁腳中，當用戶將鼠標懸停在頁腳上時，我希望圖像logo.png淡出，然後biglogo.png淡入 - 取而代之。.hover淡出圖像，淡入淡出圖像。在退出時返回原始圖像

當用戶移動光標從#footer的我想logo.png褪色回來了。

<div id="footer"> 
       <div id="logowrap"> 
        <img src="images/logo.png" alt="" class="active" /> 
        <img src="images/biglogo.png" alt="" /> 
       </div> 
</div>

我試過這麼多的事情，但不似乎能夠得到邏輯正確，我結束。通過閃爍的圖像，即淡出時，我希望他們在褪色圖像

任何幫助greatfully接受（我拉我的頭髮）

來源

2010-03-11 CLiown

試試這個：

$(function() { 
    $("#logowrap").hover(function() { 
    $("#logowrap img:first").stop().fadeOut("fast",function() { 
     $("#logowrap img:last").stop().fadeIn("fast"); 
    }); 
    }, function() { 
    $("#logowrap img:last").stop().fadeOut("fast",function() { 
     $("#logowrap img:first").stop().fadeIn("fast"); 
    }); 
    });

它褪色的第一個圖像，當完成開始淡化另一個回來，然後做出反轉懸停。您可以多使用$(this)，但是對於這種特殊情況，我認爲這看起來更清晰。

來源

2010-03-11 11:49:58

<div id="footer"> 
       <div id="logowrap"> 
        <img src="images/logo.png" alt="" class="active" /> 
        <img src="images/biglogo.png" alt="active_big" /> 
       </div> 
</div> 

$(document).ready(function(){ 

$('#active').bind('mouseout',function(){

$（'＃active'）。fadeOut（'slow'）; $（'＃active'）。attr（'src'，'images/logo.png'）; ）}; （'＃'active'）。fadeIn（'slow'）; $（'＃active'）。fadeIn（''''）; $（'＃active_big'）。attr（'src'，'images/biglogo.png'）; ）};

});

應罰款爲您

來源

2010-03-11 11:54:26 X10nD

.hover淡出圖像，淡入淡出圖像。在退出時返回原始圖像

回答

相關問題