jquery實現的class樣式類的新增和刪除切換程式碼例項

本章節介紹一下如何利用jquery實現對楊樣式類刪除和新增的切換效果，這樣就實現了元素樣式的切換效果。

程式碼例項如下:

一.淡入淡出效果:

[JavaScript] 純文字檢視 複製程式碼
fadeIn(speed, callback)    
fadeOut(speed, callback)
fadeTo(speed, opacity, callback)

相關閱讀:

1.fadeOut()函式可以參閱jQuery fadeOut()一章節。

2.fadeIn()函式可以參閱jQuery fadeIn()一章節。

3.fadeTo()函式可以參閱jQuery fadeTo()一章節。

二.上下滑動效果:

[JavaScript] 純文字檢視 複製程式碼
slideDown(speed, callback)
slideUp(speed, callback)
slideToggle(speed, callback)

1.slideDown()函式可以參閱jQuery slideDown()一章節。

2.slideUp()函式可以參閱jQuery slideUp()一章節。

3.slideToggle()函式可以參閱jQuery slideToggle()一章節。

三.停止動畫的執行:

使用stop()函式可以實現此效果，具體可以參閱jQuery stop()一章節。

四.自定義動畫效果:

使用animate()函式可以實現此功能，具體可以參閱jQuery animate()一章節。