jQuery中常用动画效果函数(日常整理)_jquery

jquery中动画效果非常多,下面小编给大家分享一下jquery中的动画函数。

jQuery的效果函数列表:

  animate():对被选元素应用“自定义”的动画。

  clearQueue():对被选元素移除所有排队的函数(仍未运行的)。

  delay():对被选元素的所有排队函数(仍未运行)设置延迟。

  dequeue():运行被选元素的下一个排队函数。

  fadeln():逐渐改变被选元素的不透明度,从隐藏到可见。

  fadeOut():逐渐改变被元素的不透明度,从可见到隐藏。

  fadeTo():把被选元素逐渐改变至给定的不透明度。

  hide():隐藏被选的元素。

  queue():显示被选元素的排队函数。

  show():显示被选的元素。

  slideDown():通过调整高度来滑动显示被选元素。

  slideToggle():对被选元素进行滑动隐藏和滑动显示的切换。

  slideUp():通过调整高度来滑动隐藏被选元素。

  stop():停止在被选元素上运行的动画。

  toggle():对被选元素进行隐藏和显示的切换。

  animate():

    animate() 方法执行 CSS 属性集的自定义动画。

    该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的,这样就可以创建动画效果。

    只有数字值可创建动画(比如 "margin:30px")。字符串值无法创建动画(比如 "">  clearQueue():

    clearQueue() 方法停止队列中所有仍未执行的函数。

    与 stop() 方法不同,(只适用于动画),clearQueue() 能够清除任何排队的函数(通过 .queue() 方法添加到通用 jQuery 队列的任何函数)。

  delay():

    delay():对被选元素的所有排队函数(仍未运行)设置延迟。

  dequeue():

    dequeue():运行被选元素的下一个排队函数。

  fadeIn():

    fadeIn() 方法使用淡入效果来显示被选元素,假如该元素是隐藏的。

  fadeOut():

    fadeOut() 方法使用淡出效果来隐藏被选元素,假如该元素是隐藏的。

   fadeTo():

    fadeTo() 方法将被选元素的不透明度逐渐地改变为指定的值。

  hide():

    如果被选的元素已被显示,则隐藏该元素。

  queue():

    queue():显示被选元素的排队函数。

  show():

    如果被选元素已被隐藏,则显示这些元素。

  slideDown():

    slideDown() 方法通过使用滑动效果,显示隐藏的被选元素。

  slideToggle() :

    slideToggle() 方法通过使用滑动效果(高度变化)来切换元素的可见状态。

    如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素。

  slideUp():

    通过使用滑动效果,隐藏被选元素,如果元素已显示出来的话。

  stop():

    stop() 方法停止当前正在运行的动画。

  toggle():

    toggle() 方法切换元素的可见状态。

以上所述是小编给大家介绍的jQuery中常用动画效果函数(日常整理),希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的。

时间: 2024-10-26 05:54:36

jQuery中常用动画效果函数(日常整理)_jquery的相关文章

jQuery中实现动画效果的基本操作介绍_jquery

动画效果 show():显示 hide()隐藏 $().toggle():显示和隐藏效果切换 都可以传入参数,speed.     fadeOut(淡出) fadeIn(淡入) fadeToggle();淡入淡出切换 fadeTo(2000,0.3)将图片显示到透明度为30%的程度   滑动显示 slideDown(): slideUp(): slideToggle(): 都可以传入一个speed参数.   $(':animated');获取正在执行动画的元素. 将正在执行动画的元素停止: $(

jQuery中常用的遍历函数用法实例总结_jquery

本文实例总结了jQuery中常用的遍历函数用法.分享给大家供大家参考.具体如下: 1. children()函数 children()函数用于选取每个匹配元素的子元素,并以jQuery对象的形式返回. 你还可以使用选择器进一步缩小筛选范围,筛选出符合指定选择器的元素. 用法示例如下: // 返回jQuery对象所有匹配元素的标识信息数组 // 每个元素形如:tagName或tagName#id(如果有id的话) function getTagsInfo($doms){ return $doms.

jquery中animate动画积累的解决方法_jquery

昨天一同学向我求助,说做了一个简单的动画效果,就是图片自动左右播放 复制代码 代码如下: <span style="white-space:pre"> </span>/* 无缝式焦点图 */ var _left = 770; var left = -_left;//-770 function slideImg() { if(left == -3080 || left == 0) { _left = -_left; } $('.slidepics').animat

轻松掌握jQuery中wrap()与unwrap()函数的用法_jquery

wrap() wrap()函数可以接受任何字符串或对象,可以传递给$()工厂函数来指定一个DOM结构.这种结构可以嵌套了好几层深,但应该只包含一个核心的元素.每个匹配的元素都会被这种结构包裹.该方法返回原始的元素集,以便之后使用链式方法. eg: //在当前页面内追加换行标签和指定的HTML内容 function w( html ){ document.body.innerHTML += "<br/>" + html; } var name = "Hello&qu

浅析jQuery中常用的元素查找方法总结_jquery

$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass")   选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素,可以运用多种的选择方式进行联合选择:例如$("#myELement,div,.mycla

jquery中常用的函数和属性详细解析

 本篇文章主要是对jquery中常用的函数和属性进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 Dom: Attribute:属性 $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img").attr({src:"test.jpg",title:"test Image"}); 给某个元素添加属性/值,参数是map $("input").attr({&qu

再JavaScript的jQuery库中编写动画效果的指南_基础知识

jquery中常用的动画的方法就是hide()与show(). $(element).hide()这段代码可以与这相等element.css("display","none")  在hide(time)与show(time)中填入事件,可以慢慢消失跟显现.可以修改元素的多个样式,高度,宽度,不透明度. 另一组方法fadeIn()与fadeOut()这个与hide跟show不同的是,当使用hide或者show的时候会改变网页的高度,而fadeIn与fadeOut则不会

利用jQuery库中的动画效果实现列表及对应图表的展示切换

本文详细阐述了在 Cognos10 环境中,如何利用 jQuery 库中的动画效果实现列表(或交叉表)及对应图表的展示切换,如何利用 jQuery 实现分段的动态可伸缩显示,如何实现带有判定条件的提示页自动提交.本文旨在为 BI http://www.aliyun.com/zixun/aggregation/7155.html">开发人员提供一定技术支持,从而更好地满足用户需求,支持业务分析和管理决策. 为满足不同用户对报表的需求,列表(或交叉表)及其对应图表有时要求被同时展示.本节将介绍

jQuery中animate动画第二次点击事件没反应

  这篇文章主要介绍了jQuery中animate动画第二次点击事件没反应的解决方法,非常的实用,有需要的小伙伴可以参考下 用animate做点击翻页动画时发现第二次点击事件动画没反应,而第一次点击有动画效果,代码如下: 代码如下: $(".page").stop().animate({top:"-300px"}, 800, 'easeInOutExpo'); 第二次点击事件动画没反应的原因:top是page元素顶部相与其父元素顶部的距离,第一次点击后,page元素