中国第一Ajax站长门户:www.okajax.com   虚拟主机 域名注册 云主机

jQuery的animate效果演示 - okajax.com - Ajax中国

我要投稿 会员登陆 RSS订阅 本站推荐:
您的位置主页 > Ajax技术 > Ajax框架学习 > jquery.js > jQuery的animate效果演示

jQuery的animate效果演示

2009-04-15    文章来源:互联网    浏览次数:

一个简单的animate函数尝试。

  1. <script type="text/javascript"> 
  2. $(document).ready(function(){  
  3.    $(".side-box h3").toggle(function(){  
  4.    $(this).addClass("box-arrow");  
  5.      $(this).next(".side-text").animate({  
  6.      height: 'toggle',   
  7.      opacity: 'toggle'  
  8.     }, "slow");  
  9.    return false;  
  10.  
  11.    },function(){  
  12.      $(this).next(".side-text").animate({  
  13.      height: 'toggle',   
  14.      opacity: 'toggle'  
  15.     }, "slow");  
  16.    $(this).removeClass("box-arrow");  
  17.    return false;  
  18.    });  
  19. });  
  20. </script> 

演示请看:
http://www.fvzone.com/jquery/demos/fade.html

文章评论(查看全部)

看不清楚?单击换一张。
loading.. 评论加载中....
关于我们 - 广告服务 - 版权隐私 - 免责声明 - RSS地图 - 网站地图 - 使用帮助 - 返回顶部