jquery插件之easing 動態(tài)菜單
更新時間:2010年08月21日 14:35:40 作者:
jQuery Easing Plugin 是一個簡單的為對象擴展高級屬性和選項的jQuery插件。
很簡單的一個效果插件,但不是經(jīng)常用,怕忘了,以后在用又要去看文檔,所以現(xiàn)在把筆記寫下來,方便以后
<script>
$(function(){
$.easing.def="easeInQuad";//設(shè)置默認效果
var callback=function (){
alert("ok");
}
$("#t1").animate({
"top":600
},{duration: 3000,
easing:"easeInQuad",//可省略
complete: callback})
})
</script>
使用了easing后,JQ原來的方法有將不可用,用對象代替JQ中時間,該對象如下例
{duration: 3000,easing:"easeInQuad",complete: callback}
原JQ的回調(diào)函數(shù)由complete代替
如果不使用easing,即時間參數(shù)不為上面對象所代替,保留原有功能
即加載EASING后仍可以如下使用
<script>
var callback=function (){
alert("ok");
}
$("#t1").hide(3000,callback)
</script>
效果頁:http://gsgd.co.uk/sandbox/jquery/easing/
具體參數(shù)細節(jié):
duration 選項:
毫秒數(shù)
complete 選項:
完成后調(diào)用
easing 選項:
jswing
def
easeInQuad
easeOutQuad
easeInOutQuad
easeInCubic
easeOutCubic
easeInOutCubic
easeInQuart
easeOutQuart
easeInOutQuart
easeInQuint
easeOutQuint
easeInOutQuint
easeInSine
easeOutSine
easeInOutSine
easeInExpo
easeOutExpo
easeInOutExpo
easeInCirc
easeOutCirc
easeInOutCirc
easeInElastic
easeOutElastic
easeInOutElastic
easeInBack
easeOutBack
easeInOutBack
easeInBounce
easeOutBounce
easeInOutBounce
復(fù)制代碼 代碼如下:
<script>
$(function(){
$.easing.def="easeInQuad";//設(shè)置默認效果
var callback=function (){
alert("ok");
}
$("#t1").animate({
"top":600
},{duration: 3000,
easing:"easeInQuad",//可省略
complete: callback})
})
</script>
使用了easing后,JQ原來的方法有將不可用,用對象代替JQ中時間,該對象如下例
{duration: 3000,easing:"easeInQuad",complete: callback}
原JQ的回調(diào)函數(shù)由complete代替
如果不使用easing,即時間參數(shù)不為上面對象所代替,保留原有功能
即加載EASING后仍可以如下使用
復(fù)制代碼 代碼如下:
<script>
var callback=function (){
alert("ok");
}
$("#t1").hide(3000,callback)
</script>
效果頁:http://gsgd.co.uk/sandbox/jquery/easing/
具體參數(shù)細節(jié):
duration 選項:
毫秒數(shù)
complete 選項:
完成后調(diào)用
easing 選項:
jswing
def
easeInQuad
easeOutQuad
easeInOutQuad
easeInCubic
easeOutCubic
easeInOutCubic
easeInQuart
easeOutQuart
easeInOutQuart
easeInQuint
easeOutQuint
easeInOutQuint
easeInSine
easeOutSine
easeInOutSine
easeInExpo
easeOutExpo
easeInOutExpo
easeInCirc
easeOutCirc
easeInOutCirc
easeInElastic
easeOutElastic
easeInOutElastic
easeInBack
easeOutBack
easeInOutBack
easeInBounce
easeOutBounce
easeInOutBounce
您可能感興趣的文章:
- jquery實現(xiàn)動態(tài)菜單的實例代碼
- jquery實現(xiàn)可橫向和豎向展開的動態(tài)下滑菜單效果
- jQuery實現(xiàn)的背景動態(tài)變化導(dǎo)航菜單效果
- jQuery實現(xiàn)的動態(tài)伸縮導(dǎo)航菜單實例
- jQuery實現(xiàn)可用于博客的動態(tài)滑動菜單
- jQuery 打造動態(tài)下滑菜單實現(xiàn)說明
- jquery實現(xiàn)鼠標(biāo)經(jīng)過顯示下劃線的漸變下拉菜單效果代碼
- jquery實現(xiàn)鼠標(biāo)滑過顯示二級下拉菜單效果
- jQuery實現(xiàn)響應(yīng)鼠標(biāo)背景變化的動態(tài)菜單效果代碼
相關(guān)文章
jQuery實現(xiàn)jQuery-form.js實現(xiàn)異步上傳文件
jquery.form.js是一個非常強大的用于表單提交的插件。這篇文章主要介紹了jQuery實現(xiàn)jQuery-form.js實現(xiàn)異步上傳文件,有興趣的可以了解一下。2017-04-04使用struts2+Ajax+jquery驗證用戶名是否已被注冊
這篇文章主要介紹了使用struts2+Ajax+jquery驗證用戶名是否已被注冊的相關(guān)資料,需要的朋友可以參考下2016-03-03老生常談jquery id選擇器和class選擇器的區(qū)別
下面小編就為大家?guī)硪黄仙U刯query id選擇器和class選擇器的區(qū)別。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02