Javascript jQuery fadeIn易用性
我使用下面的jQuery脚本在下拉菜单中淡入淡出。在本例中如何使用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)
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选项将是swing和linear。如果您需要更多选项,则需要使用
来自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(){});