2012-06-15 46 views
0

下面是我用一個jQuery橫幅當前位置 - http://jsfiddle.net/WcXBs/2/jQuery的橫幅 - 與衰彈出框

道歉窮人使用jQuery的(不知道的快捷方式等)。

我玩過Jquery轉換以在更改時在橫幅之間創建淡入淡出......但它們是錯誤的(我認爲這是由於代碼刪除了類,而添加了一個類意味着它沒有任何淡出從)。

我也沒有管理有盒用動畫擴大,但確實發現後的第一時間,動畫再未露面。

望着代碼我已經,可能有人能夠提供指導,以實現他們改變橫幅之間的動畫漸變,併成功HIGHT動畫,再返回原來的?

感謝,

盧克

回答

0

你的方式是太複雜了,我沒有你的旗幟非常簡單的方法,檢查出來:DEMO

$('a').hover(function(){ 

    var swap = $(this).attr('href'); // takes the hovered object's href. example = '#one' 

    $('.banners').stop().hide(); // hides all banners 
    $(swap).stop().fadeIn(600); // brings the hovered object with it's id 

    $('a').removeClass('selected'); // removes selected class 
    $(this).addClass('selected'); //adds selected class to the hovered object 
}); 
+0

謝謝 - 你所指出的那樣東西本來應該( 'A')已經很清楚,我 '$ removeClass( '選擇')。 //刪除選定的類 $(this).addClass('selected'); //加入所選類的徘徊object' 但如何將它有可能把它從以前的淡出到下一個,而不去初始的白色? –

+0

有2種方式,1:減少時間(600)(200)2:U應該改變的CSS sturckture和使用您的橫幅絕對位置和重疊的橫幅,較不會有白色的,它會顯示過去的旗幟比它會顯示你當前的旗幟 –

+0

http://bdoto.com/ < - 檢查這個網站的旗幟,橫幅都得到了位置:絕對的CSS –