默认情况下,如果您指定了速度,jQuery会添加一个奇怪的动画,它从左上角扩展。我希望它只是向下滑动。有没有不导入其他内容(如jQuery UI)就能实现这一点的方法?
我想要的效果类似于:
$("test").show('slow', {animation:'slide'})
如果没有其他方法,那么最轻量级的解决方案是什么?
谢谢
默认情况下,如果您指定了速度,jQuery会添加一个奇怪的动画,它从左上角扩展。我希望它只是向下滑动。有没有不导入其他内容(如jQuery UI)就能实现这一点的方法?
我想要的效果类似于:
$("test").show('slow', {animation:'slide'})
如果没有其他方法,那么最轻量级的解决方案是什么?
谢谢
jQuery 1.3+提供了slideDown、slideUp和slideToggle函数,它们非常好用......
https://api.jquery.com/category/effects/
可以像这样使用slideDown:
$("test").slideDown("slow");
如果你想要组合效果并进行更深入的操作,我建议使用animate函数。它可以让你指定多个CSS属性来形状缓动或变形。这是相当高级的技术。
$('.test').bind('click', function(){
$('.div1').fadeIn(500);
$('.div2').fadeOut(500);
$('.div3').fadeOut(500);
return false;
});