jquery插件之easing 動(dòng)態(tài)菜單
更新時(shí)間:2010年08月21日 14:35:40 作者:
jQuery Easing Plugin 是一個(gè)簡(jiǎn)單的為對(duì)象擴(kuò)展高級(jí)屬性和選項(xiàng)的jQuery插件。
很簡(jiǎn)單的一個(gè)效果插件,但不是經(jīng)常用,怕忘了,以后在用又要去看文檔,所以現(xiàn)在把筆記寫下來(lái),方便以后
<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>
效果頁(yè):http://gsgd.co.uk/sandbox/jquery/easing/
具體參數(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
復(fù)制代碼 代碼如下:
<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后仍可以如下使用
復(fù)制代碼 代碼如下:
<script>
var callback=function (){
alert("ok");
}
$("#t1").hide(3000,callback)
</script>
效果頁(yè):http://gsgd.co.uk/sandbox/jquery/easing/
具體參數(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
您可能感興趣的文章:
- jquery實(shí)現(xiàn)動(dòng)態(tài)菜單的實(shí)例代碼
- jquery實(shí)現(xiàn)可橫向和豎向展開的動(dòng)態(tài)下滑菜單效果
- jQuery實(shí)現(xiàn)的背景動(dòng)態(tài)變化導(dǎo)航菜單效果
- jQuery實(shí)現(xiàn)的動(dòng)態(tài)伸縮導(dǎo)航菜單實(shí)例
- jQuery實(shí)現(xiàn)可用于博客的動(dòng)態(tài)滑動(dòng)菜單
- jQuery 打造動(dòng)態(tài)下滑菜單實(shí)現(xiàn)說(shuō)明
- jquery實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)顯示下劃線的漸變下拉菜單效果代碼
- jquery實(shí)現(xiàn)鼠標(biāo)滑過(guò)顯示二級(jí)下拉菜單效果
- jQuery實(shí)現(xiàn)響應(yīng)鼠標(biāo)背景變化的動(dòng)態(tài)菜單效果代碼
相關(guān)文章
jQuery實(shí)現(xiàn)jQuery-form.js實(shí)現(xiàn)異步上傳文件
jquery.form.js是一個(gè)非常強(qiáng)大的用于表單提交的插件。這篇文章主要介紹了jQuery實(shí)現(xiàn)jQuery-form.js實(shí)現(xiàn)異步上傳文件,有興趣的可以了解一下。2017-04-04
使用struts2+Ajax+jquery驗(yàn)證用戶名是否已被注冊(cè)
這篇文章主要介紹了使用struts2+Ajax+jquery驗(yàn)證用戶名是否已被注冊(cè)的相關(guān)資料,需要的朋友可以參考下2016-03-03
老生常談jquery id選擇器和class選擇器的區(qū)別
下面小編就為大家?guī)?lái)一篇老生常談jquery id選擇器和class選擇器的區(qū)別。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
Jquery方式獲取iframe頁(yè)面中的 Dom元素
這篇文章主要介紹了Jquery方式如何獲取iframe頁(yè)面中的Dom元素,需要的朋友可以參考下2014-05-05

