jquery插件之easing使用
<script>
$(function(){
$.easing.def="easeInQuad";//設(shè)置默認(rèn)效果
var callback=function (){
alert("ok");
}
$("#t1").animate({
"top":600
},{duration: 3000,
easing:"easeInQuad",//可省略
complete: callback})
})
</script>
使用了easing后,JQ原來(lái)的方法有將不可用,用對(duì)象代替JQ中時(shí)間,該對(duì)象如下例
{duration: 3000,easing:"easeInQuad",complete: callback}
原JQ的回調(diào)函數(shù)由complete代替
如果不使用easing,即時(shí)間參數(shù)不為上面對(duì)象所代替,保留原有功能
即加載EASING后仍可以如下使用
<script>
var callback=function (){
alert("ok");
}
$("#t1").hide(3000,callback)
</script>
具體參數(shù)細(xì)節(jié):
duration 選項(xiàng):
毫秒數(shù)
complete 選項(xiàng):
完成后調(diào)用
easing 選項(xiàng):
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
官方網(wǎng)站 http://gsgd.co.uk/sandbox/jquery/easing/
- JQuery動(dòng)畫(huà)animate的stop方法使用詳解
- 使用jquery animate創(chuàng)建平滑滾動(dòng)效果(可以是到頂部、到底部或指定地方)
- jQuery中animate()方法用法實(shí)例
- jquery中animate的stop()方法作用實(shí)例分析
- jquery使用animate方法實(shí)現(xiàn)控制元素移動(dòng)
- js實(shí)現(xiàn)類似jquery里animate動(dòng)畫(huà)效果的方法
- jQuery的animate函數(shù)實(shí)現(xiàn)圖文切換動(dòng)畫(huà)效果
- jQuery animate easing使用方法圖文詳解
相關(guān)文章
jquery下為Event handler傳遞動(dòng)態(tài)參數(shù)的代碼
在jquery cook book里看到一篇給event handler傳遞動(dòng)態(tài)參數(shù)的文章 感覺(jué)挺實(shí)用的 跟大家分享下2011-01-01Jquery實(shí)現(xiàn)圖片放大鏡效果的思路及代碼(自寫(xiě))
放大鏡類的文章網(wǎng)上有很多,由于實(shí)現(xiàn)起來(lái)比較麻煩,所以自己寫(xiě)了一個(gè),下面為大家分享下具體的算法及實(shí)現(xiàn)代碼,感興趣的朋友可以參考下2013-10-10jQuery 處理網(wǎng)頁(yè)內(nèi)容的實(shí)現(xiàn)代碼
改變頁(yè)面內(nèi)容應(yīng)該算是Javascript最常用的功能,這包括更改已經(jīng)存在的頁(yè)面元素或者添加新的HTML元素。2010-02-02jQuery仿移動(dòng)端支付寶鍵盤(pán)的實(shí)現(xiàn)代碼
最近做項(xiàng)目時(shí)碰到一個(gè)需求,就是在移動(dòng)端支付頁(yè)面點(diǎn)擊支付按鈕彈出一個(gè)支付鍵盤(pán),類似于支付寶的那種。項(xiàng)目只是單純的手機(jī)網(wǎng)站,所以這個(gè)功能由前端來(lái)實(shí)現(xiàn),下面小編給大家?guī)?lái)了jQuery仿移動(dòng)端支付寶鍵盤(pán)的實(shí)現(xiàn)代碼,需要的朋友參考下吧2018-08-08Jqyery中同等與js中windows.onload的應(yīng)用
我們知道,在javascript中用來(lái)執(zhí)行頁(yè)面加載中的操作時(shí)候,我們會(huì)使用windows.onload=function(){}或者windows.onload=函數(shù)名(),也可以在body中調(diào)用onload事件調(diào)用方法即可,在jQuery中也有相當(dāng)?shù)拇a2011-05-05ASP.NET jQuery 實(shí)例10 動(dòng)態(tài)修改hyperlink的URL值
這節(jié)我們來(lái)看下如何實(shí)現(xiàn)通過(guò)選擇RadioButtonList值動(dòng)態(tài)改變hyperlink控件的URL值,并簡(jiǎn)要介紹bind和live方法的區(qū)別2012-02-02web前端開(kāi)發(fā)JQuery常用實(shí)例代碼片段(50個(gè))
本文給大家展示50個(gè)jquery代碼片段,這些代碼能夠給你的javascript項(xiàng)目提供幫助,需要的朋友快來(lái)學(xué)習(xí)一下吧2015-08-08jQuery分頁(yè)插件jquery.pagination.js使用方法解析
這篇文章主要為大家詳細(xì)解析了jQuery分頁(yè)插件jquery.pagination使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02