jquery插件之easing使用
更新時間:2010年08月19日 15:19:07 作者:
很簡單的一個效果插件,但不是經常用,怕忘了,以后在用又要去看文檔,所以現(xiàn)在把筆記寫下來,方便以后
復制代碼 代碼如下:
<script>
$(function(){
$.easing.def="easeInQuad";//設置默認效果
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的回調函數(shù)由complete代替
如果不使用easing,即時間參數(shù)不為上面對象所代替,保留原有功能
即加載EASING后仍可以如下使用
復制代碼 代碼如下:
<script>
var callback=function (){
alert("ok");
}
$("#t1").hide(3000,callback)
</script>
具體參數(shù)細節(jié):
duration 選項:
毫秒數(shù)
complete 選項:
完成后調用
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
官方網站 http://gsgd.co.uk/sandbox/jquery/easing/
相關文章
jquery下為Event handler傳遞動態(tài)參數(shù)的代碼
在jquery cook book里看到一篇給event handler傳遞動態(tài)參數(shù)的文章 感覺挺實用的 跟大家分享下2011-01-01Jquery實現(xiàn)圖片放大鏡效果的思路及代碼(自寫)
放大鏡類的文章網上有很多,由于實現(xiàn)起來比較麻煩,所以自己寫了一個,下面為大家分享下具體的算法及實現(xiàn)代碼,感興趣的朋友可以參考下2013-10-10Jqyery中同等與js中windows.onload的應用
我們知道,在javascript中用來執(zhí)行頁面加載中的操作時候,我們會使用windows.onload=function(){}或者windows.onload=函數(shù)名(),也可以在body中調用onload事件調用方法即可,在jQuery中也有相當?shù)拇a2011-05-05ASP.NET jQuery 實例10 動態(tài)修改hyperlink的URL值
這節(jié)我們來看下如何實現(xiàn)通過選擇RadioButtonList值動態(tài)改變hyperlink控件的URL值,并簡要介紹bind和live方法的區(qū)別2012-02-02web前端開發(fā)JQuery常用實例代碼片段(50個)
本文給大家展示50個jquery代碼片段,這些代碼能夠給你的javascript項目提供幫助,需要的朋友快來學習一下吧2015-08-08jQuery分頁插件jquery.pagination.js使用方法解析
這篇文章主要為大家詳細解析了jQuery分頁插件jquery.pagination使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-02-02