當前位置:編程學習大全網 - 源碼下載 - 淺談jQuery animate easing的具體使用方法(推薦)

淺談jQuery animate easing的具體使用方法(推薦)

從jQuery

API

文檔中可以知道,jQuery自定義動畫的函數.animate(

properties

[,

duration]

[,

easing]

[,

complete]

)有四個參數:

properties:壹組包含作為動畫屬性和終值的樣式屬性和及其值的集合

duration(可選):動畫執行時間,其值可以是三種預定速度之壹的字符串("slow",

"normal",

or

"fast")或表示動畫時長的毫秒數值(如:1000)

easing(可選):要使用的過渡效果的名稱,如:"linear"

或"swing"

complete(可選):在動畫完成時執行的函數

其中參數easing默認有兩個效果:"linear"和"swing",如果需要更多效果就要插件支持了,jQuery

Easing

Plugin提供了像"easeOutExpo"、"easeOutBounce"等30多種效果,大家可以點擊這裏去看每壹種easing的演示效果,下面詳細介紹下其使用方法及每種easing的曲線圖。

jQuery

easing

使用方法

首先,項目中如果需要使用特殊的動畫效果,則需要在引入jQuery之後引入jquery.easing.1.3.js

<script

type="text/javascript"

src="/jquery-1.8.3.js"></script>

<script

type="text/javascript"

src="plete:

callback

});

以上就是小編為大家帶來的淺談jQuery

animate

easing的具體使用方法(推薦)全部內容了,希望大家多多支持腳本之家~

  • 上一篇:麻將機的常見故障
  • 下一篇:求高手解決服務器cmd.exe ftp.exe p.exe
  • copyright 2024編程學習大全網