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动画+事例

1.动画基础隐藏和显示jQuery中隐藏元素的hide方法让页面上的元素不可见,一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通...
  • u012396955
  • u012396955
  • 2017年02月27日 14:55
  • 190

jQuery——动画篇(隐藏显示、上卷下拉、淡入淡出、animate、stop、each)

jQuery——动画篇(隐藏显示、上卷下拉、淡入淡出、animate、stop、each 、inArray、get、index)...
  • anfangw
  • anfangw
  • 2016年12月16日 16:47
  • 3397

jQuery实现动画循环的三种解决方案

用了jQuery的动画以后确实感觉少了好多代码。。。然而突发奇想怎么实现动画循环呢? 百度了一下,看到知乎一位大神的代码  https://www.zhihu.com/question/2759816...
  • cyp18408251336
  • cyp18408251336
  • 2016年10月05日 15:23
  • 5801

Jquery在元素处弹出带动画的层

Jquery在某个元素位置处弹出带动画了层。 本案例中鼠标停留在button上,在button上方或者下方弹出带动画的层。获取某个元素在页面中的位置。 注意:在没有滚动条的时候,这里获取位置正确的,有...
  • lovegonghui
  • lovegonghui
  • 2015年11月10日 10:01
  • 685

用jQuery实现具有伸缩功能的动画图片

chainning code
  • kongcheng_001
  • kongcheng_001
  • 2015年08月14日 15:01
  • 663

jquery判断元素动画是否完成

$(".box").is(":animated")就这么简单的一句话,来一个demo var wait=setInterval(function(){                 if(!$(...
  • jinuxm
  • jinuxm
  • 2016年12月08日 17:16
  • 1746

23个漂亮的jQuery文字动画效果教程示例

Apple-like Retina Effect With jQuery Check this tutorial to know how the author has turned a ...
  • maikforever
  • maikforever
  • 2013年07月11日 21:29
  • 1747

Jquery对象动画方法总结

注:中括号内为可选参数 1.show()和hide():元素显示和隐藏       $("#div1").show([3000],[function(){}]),显示元素,第一个参数表示持续时间,...
  • u010633077
  • u010633077
  • 2017年03月09日 15:48
  • 148

jquery带动画的二级下拉列表

带动画 的二级下拉列表 无标题文档 *{padding:0; margin:0;} li{ list-style:none} a{ text-decoration:none;} .nav...
  • daimomo000
  • daimomo000
  • 2016年12月20日 10:38
  • 587

jQuery停止动画和判断是否处于动画状态(转)

1、停止元素的动画 很多时候需要停止匹两己元素正在进行的动画,例如上例的动画,如l果需要在某处停止动画,需要使用stop()方法。stop()方法的语法缩构为: stop([clearQueue]...
  • dragoo1
  • dragoo1
  • 2015年09月23日 15:21
  • 3863
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery动画
举报原因:
原因补充:

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