淡入Div1入/出然後淡入Div2入？

當「frame2」被隱藏時，我試圖在div「frame1」中淡入淡出，然後當「frame1」淡出時，我想讓「frame2」淡入淡出「frame1」的地方。我試過搜索，但沒有運氣，因爲我遇到的大部分都是onclick事件。淡入Div1入/出然後淡入Div2入？

<div id="frames"> 
    <div id="frame1"> 
     <p>first text to appear here</p> 
    </div> 
    <div id="frame2"> 
     <p>second text to appear here after first text fades out</p> 
    </div> 
</div>

來源

2012-02-09 Joe Bobby

如果顯示幀1和幀2是隱藏的，你可以淡出幀1，然後通過使用此代碼淡入式2：

$(document).ready(function(){ 
    $("#frame1").fadeOut('slow', function(){ 
    $("#frame2").fadeIn('slow'); 
    }); 
});

來源

2012-02-09 04:32:16

絕對位置相對於包裝DIV兩個div的所以他們疊加然後使用第一個div中的fadeOut事件的回調函數。

$('#frame1').fadeOut('fast', function(){ 
    $('#frame2').fadeIn('fast'); // Callback 
});

來源

2012-02-09 04:34:10 elclanrs

首先，框架2是隱藏的，則隱藏框架1和示出了與本淡出淡入框架2 ..

$("#frame1").fadeOut('slow', function(){ 
$("#frame2").fadeIn('slow'); 
});

來源

2012-02-09 05:49:55

使用jQuery .fadeTo()

$('#frame1').fadeTo('slow', 1, function() { 
    $('#frame2').fadeTo(600, 0); 
});

持續時間：以上示例爲slow和600（以毫秒爲單位的字符串或數字）
不透明度：實例如上1和0（號碼從0-1）使用jQuery .fadeIn()和.fadeOut()
```
$("#frame1").fadeOut('fast', function(){ 
    $("#frame2").fadeIn(100); 
}); 
```
- 持續時間
或

：上述實施例中作爲fast和100（以毫秒爲單位的字符串或數字）

來源

2012-02-09 07:55:50 Winter

$('#frame1').fadeOut('slow'); 
$('#frame2').delay('slow').fadeIn('slow');

來源

2012-03-13 11:37:53 Tarun

淡入Div1入/出然後淡入Div2入？

回答

相關問題