jQuery起点教程之Animate

  jQuery起点教程之Animate是个好东西,一个非常好的效果你可以用jquery自带的函数,比如show(),hide(),Animate()等函数。更确切的说这些函数才是jquery吸引人的地方。

  一些动态的效果可以使用 show() 和 hide()来表现:

  $(document).ready(function() {

  $("a").toggle(function() {

  $(".stuff").hide('slow');http://www.82676666.com

  }, function() {

  $(".stuff").show('fast');

  });

  });

  你可以与 animate()联合起来创建一些效果,如一个带渐显的滑动效果:

  $(document).ready(function() {

  $("a").toggle(function() {

  $(".stuff").animate({

  height: 'hide',

  opacity: 'hide'

  }, 'slow');

  }, function() {

  $(".stuff").animate({

  height: 'show',

  opacity: 'show'

  }, 'slow');

  });

  });

  很多不错的效果可以访问interface plugin collection. 这个站点提供了很多demos和文档

  这些效果插件是位于jQuery插件列表的前面的,当然也有很多其他的插件,比如我们下一章讲到的表格排序插件。

posted @ 2016-06-29 13:59  爱无边界  阅读(179)  评论(0)    收藏  举报