2012-11-04 26 views
0

我該如何讓div閃爍兩次然後它在頁面加載時變大。順利讓jQuery中的div更大

例如,div將以width:50px開頭;高度:50像素;並在閃爍兩次後,它會平穩增長到寬度:250px;高度:400像素;

我讀過關於jQuery easing函數,但我不熟悉jQuery我不能利用我發現的例子。

幫助是極大的讚賞

+4

.animate會幫你做這兩種效應。 –

+0

@azizpunjani你能展示一個例子,因爲我沒有以前的經驗jQuery的 – EGN

+4

當然http://jsfiddle.net/Sw7kK/ –

回答

6

這應該讓工作在短短的幾行完成。

http://jsfiddle.net/2vVpt/

$("#blinkandresize") 
.fadeOut(300) 
.fadeIn(300) 
.fadeOut(300) 
.fadeIn(300) 
.animate({ 
    height: 400, 
    width: 250 
});​ 
+0

你會如何做到這一點: - 保持元素的中心到位 - 同時使元素變寬。目的是讓左側和右側同時向外擴展。 –