jquery动画

转载 2015年11月19日 12:55:58

1 show()方法和hide()方法


$("selector").show() 
 从display:none还原元素默认或已设置的display属性
$("selector").hide() 
 设置元素的display样式为none,等于$("selector").css("display","none")
(注: 传入参数后,.show()和.hide()方法同时动画改变元素的width,height和透明属性;传入参数控制显隐速度,单位毫秒, 如.show(600),也可传入fast,normal,slow,fast为200毫秒,normal为400毫秒,slow为600毫秒)


2 fadeIn()方法和fadeOut()方法


$("selector").fadeIn() 
 控制透明度在指定时间内从display:none提高至完全显示
$("selector").fadeOut() 
 控制透明度在指定时间内降低至display:none;


3 slideUp()方法和slideDown()方法


$("selector").slideUp() 
 控制元素高度在指定时间内从下到上缩短至display:none;
$("selector").slideDown() 
 控制元素高度在指定时间内从display:none延伸至完整高度


4 自定义动画方法animate()


$("selector").animate(params,speed,callback); 
 params:一个包含样式属性及值的映射,比如{property1:"value1",property2:"value2",...}
 speed:速度参数,可选

 callback:在动画完成时执行的参数(即回调函数),可选


原文:http://fruithardcandy.iteye.com/blog/1679751

自适应大小的jquery焦点图动画

  • 2017年11月26日 22:26
  • 253KB
  • 下载

jquery的动画效果

  • 2015年02月25日 10:55
  • 30KB
  • 下载

HTML5+jQuery制作温馨浪漫爱心表白动画特效

HTML5+jQuery制作温馨浪漫爱心表白动画特效 代码下载地址:http://www.zuidaima.com/share/1695882735602688.htm...
  • yaerfeng
  • yaerfeng
  • 2014年02月14日 10:22
  • 32007

jQuery动画

  • 2014年04月08日 18:17
  • 846KB
  • 下载

jquery加入购物车动画

  • 2017年08月27日 13:30
  • 108KB
  • 下载

JQuery、AJAX加载数据时候的loading加载动画实现步骤

对于AJAX,异步传输数据,那肯定是要等待服务器的数据返回,对于客户来说,等待数据会让他们失去耐心,一种加载动画的方式,可以让客户知道,这是需要一点时间的,客户体验比较友好,下面就来实现这个功能吧。1...

jquery.easing.js 使用动画过度效果

使用 jquery.easing.js 增强动画过渡效果 jQuery 提供了一些诸如 show、hide、slideUp、fadeIn 等等动画方法,可以方便的切换元素的显隐。更有强大的自定...

jQuery动画效果多功能菜单

  • 2015年08月07日 10:42
  • 204KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery动画
举报原因:
原因补充:

(最多只允许输入30个字)