用很酷的动画淡化DIV

时间:2009-05-06 11:53:56

标签: jquery

我慢慢地褪色DIV,

$(ele).fadeIn('slow');

如何创建一个非常好的动画以及fadeIn来显示jquery的真实动画效果

3 个答案:

答案 0 :(得分:3)

您还可以查看JQuery UI,因为这样您也可以为颜色设置动画或阅读有关插件的this article ,以获得难以忘怀的用户体验。

答案 1 :(得分:2)

你在寻找什么样的动画?您可以slideDown()slideUp()或使用animate()并定义自己的

答案 2 :(得分:0)

您可以非常轻松地在jquery中执行多个动画:

/*you can hide your item with the css property first*/

<style>
 #id_of_what_want_to_animate{display:none;height:1px;}
</style>

然后用jquery

显示它
//target the item that triggers the animation
$('#clickthis').click(function() {
   //when clicked animate whatever you want, the 5000 is the duration of the animation in
   //milliseconds inside the curly braces you can animate css properties   
  $('#id_of_what_want_to_animate').animate({opacity: 1,height: '200px'},5000,function() {
    //run something else when your animation complete.
  });
});

您可以参考jquery的详细文档:

http://api.jquery.com/animate/