問題討論區


【JavaScript 語法】問題討論區


【問題】 關於使用 animate 的淡入淡出問題



關於使用 animate 的淡入淡出問題
會員二級
註冊日期:
2012/2/22 21:07
留言: 8
CSS 部分

.info_content
{
position:relative;
float:right;
top:100px;
right:5px;
width:200px;
height:500px;
border-radius:5px;
-moz-border-radius:5px; /* Firefox 3.6 and earlier */
filter:alpha(opacity=0); /*支持 IE 浏览器*/
-moz-opacity:0; /*支持 FireFox 浏览器*/
opacity:0;
}

$('.info_content').animate({opacity: 1}, 300, function () { $('.info').hide().empty().append(msg).delay(300).fadeIn(500);
});

如上方我的程式,下一次執行
希望完全跑完 ('.info_content').animate({opacity: 1}, 300, function () {這段後

在執行 $('.info').hide().empty().append(msg).delay(300).fadeIn(500);

該怎辦比較好?

2012/3/6 3:51
 


回覆: 關於使用 animate 的淡入淡出問題
飛肯老師
註冊日期:
2009/2/15 16:27
留言: 106
HI~

下一次是指?
現在看你的程式, 應該是先執行完 ('.info_content').animate({opacity: 1}) 後才會執行
$('.info').hide().empty().append(msg).delay(300).fadeIn(500);


By 男丁格爾

2012/3/7 14:52
 


回覆: 回覆: 關於使用 animate 的淡入淡出問題
會員二級
註冊日期:
2012/2/22 21:07
留言: 8
老師謝謝,其實我上星期上完課之後,
才想到可以串連起來做動畫 ^^"

$('.info_content').animate({opacity: 0},300).animate({opacity: 1},300);

這樣就好了~

2012/3/15 2:00
 









[高級搜索]


 

課程首頁】 【最新開課時間表】 【範例教學分享區】 【交流討論區】 【企業包班】 【詢問課程】 【合作提案】 【誠徵講師

 

【飛肯設計學苑】 台北市公園路 30-1 號 5 樓 聯絡電話:(02)2370-1122 / 0925-014-000 信箱:flycan@flycan.com.tw
服務時間:(平日)下午 2 點 ~ 晚上 10 點 / (假日)早上 9 點 ~ 下午 5 點

 

台北市短期補習班立案 第 6631 號

TOP

【 Flycan.com 】 Powered by XOOPS