jQuery學習之動畫效果

show

hide

1.實現可折疊的列表

$('li:has(ul)')

.click(function(event)
else 
} return false;
}).css('cursor','pointer')
.click();
$('li:not(:has(ul))').css();

2.切換元素的顯示狀態

toggle

可以切換顯示和隱藏狀態，替代show和hide

1.使元素逐漸地顯示和隱藏

hide show和toggle

都可以有相應的效果，加入引數(speed,callback)

其中speed可以是數字，也可以是slow，fast等字串

2.使元素淡入和淡出

fadein(speed,callback)

fadeout(speed,callback)

fadeto(speed,opacity,callback)

3.使元素滑上和滑下

slidedown(speed,callback)

展現slideup(speed,callback)

收起 display:none

slidetoggle(speed,callback)

4.使動畫靜止

stop()

1.animate(properties,duration,easing,callback)

animate(properties,options)

properties:指定動畫結束時候，css樣式應該到達的最終值。從當前值到最終值的過度調整而產生動畫。

duration:slow normal fast或者是數字

easing:用來實現動畫的緩和效果。

callback:動畫完成時呼叫的函式 this

$('#scalebutton').click(function(),

'slow'
);});
});$('#dropbutton').click(function(),
'slow',
function());
});});
$('#puffbutton').click(function())
.animate(
,'normal');
});});

jQuery之動畫效果

1 show 顯示效果 語法 show speed,callback number string,function speend為動畫執行時間，單位為毫秒。也可以為slow normal fast callback可選,為當動畫完成時執行的函式。show speed,easing callback ...

jQuery之動畫效果

jquery之動畫效果 1 show 顯示效果 語法 show speed,callback number string,function speend為動畫執行時間，單位為毫秒。也可以為slow normal fast callback可選,為當動畫完成時執行的函式。show speed,easi...

jQuery之簡單動畫效果

1 show 顯示動畫 語法 show speed,callback number string,function speend為動畫執行時間，單位為毫秒。也可以為slow normal fast callback可選,為 當動畫完成時執行的函式。show speed,easing callback...