jquery插件之easing 動態(tài)菜單
更新時間：2010年08月21日 14:35:40 作者：
jQuery Easing Plugin 是一個簡單的為對象擴展高級屬性和選項的jQuery插件。
很簡單的一個效果插件,但不是經(jīng)常用,怕忘了,以后在用又要去看文檔,所以現(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的回調(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
復制代碼 代碼如下:
<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的回調(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
您可能感興趣的文章:
相關文章
javascript向后臺傳送相同屬性的參數(shù)即數(shù)組參數(shù)
在傳送參數(shù)時，經(jīng)常會碰到向后臺傳送一些相同屬性的參數(shù)，最好的選擇是采用數(shù)組的方式，下面有個不錯的示例，大家可以參考下2014-02-02
本節(jié)主要介紹了jquery如何取子節(jié)點及當前節(jié)點屬性值,需要的朋友可以參考下2014-07-07
jQuery實現(xiàn)html表格動態(tài)添加新行的方法
這篇文章主要介紹了jQuery實現(xiàn)html表格動態(tài)添加新行的方法,涉及jQuery鼠標事件及頁面元素的操作技巧,需要的朋友可以參考下2015-05-05
jquery是javascript的類庫，提供了大量的javascript的類庫和API，方便javascript開發(fā)。2010-04-04
這篇文章主要為大家詳細介紹了layui表格效果的實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了jquery判斷元素是否隱藏的多種方法,本文總結了多種判斷方法實例,需要的朋友可以參考下2014-05-05
JQuery 1.6發(fā)布 性能提升，同時包含大量破壞性變更
JQuery 1.6剛剛發(fā)布了，有幾處性能和跨瀏覽器兼容性的改進，專門重寫了屬性模塊2011-05-05
jQuery中on綁定事件后引發(fā)的事件冒泡問題如何解決
這篇文章主要介紹了jQuery中on綁定事件后引發(fā)的事件冒泡問題及解決辦法，非常不錯，具有參考借鑒價值，感興趣的朋友一起看看吧2016-05-05
這篇文章主要為大家詳細介紹了jquery實現(xiàn)拖拽添加元素功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
jQuery實現(xiàn)選中彈出窗口選擇框內(nèi)容后賦值給文本框的方法
這篇文章主要介紹了jQuery實現(xiàn)選中彈出窗口選擇框內(nèi)容后賦值給文本框的方法,涉及jQuery響應鼠標事件動態(tài)操作頁面元素屬性的相關技巧,需要的朋友可以參考下2015-11-11