美娱国际平台:jquery插件之easing使用

标签:公司介绍    日期:2019-01-04 11:02    录入:美娱国际平台注册    浏览:

  

[jquery,easing]jquery插件之easing使用

   代码如下:
  
  
$(function(){  
$.easing.def="easeInQuad";//设置默认效果  
var callback=function (){  
alert("ok");  
}  
$("#t1").animate({  
"top":600  
},{美娱国际娱乐duration: 3000,  
easing:"easeInQuad",//可省略  
complete: callback})  
})  
  
  
使用了easing后,JQ原来的方法有将不可用,用对象代替JQ中时间,该对象如下例  
{duration: 3000,easing:"easeInQuad",complete: callback}  
原JQ的回调函数由complete代替  
如果不使用easing,即时间参数不为上面对象所代替,保留原有功能  
即加载EASING后仍可以如下使用  
代码如下:
  
  
var callback=function (){  
alert("ok");  
}  
$("#t1").hide(3000,callback)  
  
  
具体参数细节:  
duration 选项:  
毫秒数  
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  
官方网站

★★★小编:美娱国际 整理文章,欢迎大家转载 ★★★
相关文章阅读
点击右上角的分享按钮即可收藏美娱国际平台注册 随时随地与好友一起分享精彩内容噢
最近更新
热门排行