码迷,mamicode.com
首页 > Web开发 > 详细

jquery的动画方法

时间:2018-08-03 14:53:55      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:消失   anim   放大   out   line   query   动画   显示   方向   

1.)show()hide(),会显示和隐藏DOM元素。但是,只要传递一个时间参数进去,就变成了动画,从左上角逐渐展开或收缩的:
div.hide(3000); // 在3秒钟内逐渐消失
toggle()方法则根据当前状态决定是show()还是hide()
2.)slideUp()slideDown()是在垂直方向逐渐展开或收缩的。slideToggle()则根据元素是否可见来决定下一步动作:
div.slideUp(3000); // 在3秒钟内逐渐向上消失
3.)fadeIn()fadeOut()的动画效果是淡入淡出,也就是通过不断设置DOM元素的opacity属性来实现,而fadeToggle()则根据元素是否可见来决定下一步动作:
div.fadeOut(‘slow‘); // 在0.6秒内淡出
jQuery的动画效果还可以串行执行,通过delay()方法还可以实现暂停,这样,我们可以实现更复杂的动画效果,而代码却相当简单:
// 动画效果:slideDown - 暂停 - 放大 - 暂停 - 缩小
div.slideDown(2000) .delay(1000) .animate({ width: ‘256px‘, height: ‘256px‘ }, 2000) .delay(1000) .animate({ width: ‘128px‘, height: ‘128px‘ }, 2000); }

jquery的动画方法

标签:消失   anim   放大   out   line   query   动画   显示   方向   

原文地址:https://www.cnblogs.com/luluyang/p/9412945.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!