Javascript jQuery fadeIn易用性

Javascript jQuery fadeIn易用性,javascript,jquery,fadein,jquery-easing,Javascript,Jquery,Fadein,Jquery Easing,我使用下面的jQuery脚本在下拉菜单中淡入淡出。在本例中如何使用easing $('ul.navbar-nav li.dropdown').hover(function() { $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(50); }, function() { $(this).find('.dropdown-menu').stop(true, true).delay(200)

我使用下面的jQuery脚本在下拉菜单中淡入淡出。在本例中如何使用
easing

  $('ul.navbar-nav li.dropdown').hover(function() {
    $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(50);
  }, 
  function() {
    $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(50);
  });
如中所述

从jQuery1.4.3开始,可以使用一个可选的字符串来命名函数 被使用。缓和功能指定动画播放的速度 在动画中的不同点进行。唯一的缓和 jQuery库中的实现是默认的,称为
swing
, 还有一种是以恒定的速度进行的,称为
线性
。更宽松
使用插件可以使用函数,最明显的是

下面是语法

$(selector).fadeIn(speed,easing,callback)
这里有一个例子

$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500,"linear");
fadeIn()方法有3个参数。可以将参数传递给fadeIn()函数

fadeIn()语法:

将代码更改为:

$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(50);
致:

有关详细信息,请检查fadeIn()方法:

$(选择器).fadeIn(速度、缓和、回调)

$(选择器).淡出(速度、缓和、回调)

要在jQuery fadeIn/fadeOut中使用不同的缓和选项,需要填写第二个参数

示例:

$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(50,'linear',function(){});

jQuery现有的ease选项将是swinglinear。如果您需要更多选项,则需要使用

来自jQuery

缓和

从jQuery1.4.3开始,可以使用一个可选的字符串来命名放松函数。缓和功能指定动画在动画中不同点的进展速度。jQuery库中唯一的实现是默认的,称为swing,以及一个以恒定速度进行的,称为linear的实现。插件的使用提供了更多的简化功能,最显著的是jQueryUI套件


您是否尝试过
.fadeIn({duration:50,easing:“swing”})
?抱歉,可能有重复的答案?(晚了17秒)我在你面前发布了我的答案,这让我成了副本!?
$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(50,"Easing Type");
$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(50,'linear',function(){});