【Jquery】jquery 基本的動畫

xiaoyuyyun發表於2013-11-24

看到網頁上的很多很炫很酷的特效都是用jquery製作的   因為它的語句很簡潔 高效 

這個就是它的魅力所在  學習它就是學習每個庫的api 直接呼叫就行了  

廢話不多說了  下面就是我這一階段的初學體會了:

動機就是:自己在網上下載的特效程式碼看不懂  因為之前也沒有接觸過 沒法使用 所以自己就先從基礎語法開始學習 瞭解了jquery就是js的一個類庫  由類庫開發者將js封裝好

使用者只需要瞭解api 使用它了  

優點:比js的語句簡潔  更加高效  

下面就以1.42版本為例學習體會:

主要就是動畫的使用:

包含了 

元素的隱藏與顯示(hide(speed,[callback] ),show(speed,[callback])),交替顯示與隱藏(toggle(speed,[callback])),

滑動效果(slideUp(speed,[callback])),(slideDown(speed,[callback])),交替slideToggle(speed,[callback])

淡入淡出效果(fadeIn(speed,[callback]),fadeOut(speed,[callback])),自定義不透明度(fadeTo(speed,opacity,[callback]))

自定義動畫(animate(style,speed,easing,[callback]))注:此style不是css中的樣式   例:{left:‘150px’}

stop(stopAll,gotoEnd)  stopAll(true、false)

相關文章