jquery 效果

1、show:显示隐藏的匹配元素

比如,以后显示,不再用css(‘display‘, ‘block‘)了

还有回调函数,在动画完成时执行,每个元素执行一次

2、hide:隐藏显示的元素

3、toggle:切换

4、slideDown

5、slideUp

6、slideToggle

7、fadeIn:淡入

8、fadeOut

9、fadeTo:指定透明度

10、fadeToggle

11、animate:自定义动画的函数

属性用骆驼形式;

12、stop:停止所有在指定元素上正在运行的动画。如果队列中有等待执行的动画(并且clearQueue没有设为true),他们将被马上执行

13、delay:设置一个延时来推迟执行队列中之后的项目

14、finish:

停止当前正在运行的动画,删除所有排队的动画,并完成匹配元素所有的动画。
当.finish()在一个元素上被调用,立即停止当前正在运行的动画和所有排队的动画(如果有的话),并且他们的CSS属性设置为它们的目标值(所有动画的目标值)。所有排队的动画将被删除。
如果第一个参数提供,该字符串表示的队列中的动画将被停止。
.finish()方法和.stop(true, true)很相似,.stop(true, true)将清除队列,并且目前的动画跳转到其最终值。但是,不同的是,.finish() 会导致所有排队的动画的CSS属性跳转到他们的最终值。

15、jQuery.fn.off:

关闭页面上所有的动画。 常用
把这个属性设置为true可以立即关闭所有动画(所有效果会立即执行完毕)。有些情况下可能需要这样,比如:
你在配置比较低的电脑上使用jQuery。
你的一些用户由于动画效果而遇到了 可访问性问题
当把这个属性设成false之后,可以重新开启所有动画。

16、jQuery.fx.interval:设置动画的显示帧数

总结,这些方法知道就好。总共16个方法:前10个都很常见,再stop,delay,finish;然后animate,off,interval。用到了,再认真看看参数。

时间: 2024-08-05 16:40:49

jquery 效果的相关文章

jQuery效果:隐藏、显示、切换、滑动、淡入淡出、动画

jQuery效果 隐藏.显示.切换.滑动.淡入淡出.以及动画 1.隐藏与显示(改变:display:none;) hide()--隐藏 show()--显示 toggle()方法:可以使用它来切换hide()与show()方法 eg1:显示 <style type="text/css"> *{margin:0;padding:0;} .body{font-size:12px;font-family:"微软雅黑";color:#666;} .yym{wid

JQuery: JQuery效果(隐藏、显示、切换,滑动,淡入淡出,以及动画)

JQuery:效果 JQuery效果有很多,包括隐藏.显示.切换,滑动,淡入淡出,以及动画等.隐藏:JQuery hide() 显示:JQuery show() 切换:JQuery toggle() 淡入淡出:JQuery fadeIn().JQuery fadeOut().JQuery fadeToggle().JQuery fadeTo() 滑动:JQuery slideDown().JQuery slideUP().JQuery slideToggle() 动画:JQuery animat

jQuery效果有哪些

jqeury的效果有隐藏显示.淡入淡出.滑动.动画.停止动画,还可以把方法和动作链接起来.下面我来说一下它们的用法和需要的参数. 1.隐藏/显示 hide()可以使元素隐藏.语法是: $(selector).hide(speed,callback); show()使元素显示.语法是:$(selector).show(speed,callback); toggle()切换 hide() 和 show() 方法.语法是$(selector).toggle(speed,callback); 可选的 s

jquery 效果网址分享

http://www.lanrentuku.com/js/ http://www.baidu.com/link?url=2nuImAliKGCKyDeJ7ln2DR_2if5uKgr-em6a3dxBIZVVfHnteQ_BQCdl3vyBACRT http://www.jq22.com/ http://www.cnblogs.com/lhb25/archive/2011/01/21/1940746.html http://runescape.lofter.com/post/c8823_1f4d

jQuery 效果 - animate() 方法

http://www.w3school.com.cn/jquery/effect_animate.asp 实例 改变 "div" 元素的高度: $(".btn1").click(function(){ $("#box").animate({height:"300px"}); }); 亲自试一试 定义和用法 animate() 方法执行 CSS 属性集的自定义动画. 该方法通过CSS样式将元素从一个状态改变为另一个状态.CSS属

jQuery效果与扩展:左右滑动

众所周知,jQuery官方效果中有隐藏/显示,淡入淡出,以及上下滑动效果. 隐藏和显示HTML元素通过jQuery的hide()和show()方法来实现,比如这一段代码实现了简单的显示和隐藏效果 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script src="/jquery/jquery-1.11.1.min.js"></script> 5 <script type="te

Jquery效果函数

jQuery 效果函数 方法 描述 animate() 对被选元素应用“自定义”的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选元素的所有排队函数(仍未运行)设置延迟 dequeue() 运行被选元素的下一个排队函数 fadeIn() 逐渐改变被选元素的不透明度,从隐藏到可见 fadeOut() 逐渐改变被选元素的不透明度,从可见到隐藏 fadeTo() 把被选元素逐渐改变至给定的不透明度 hide() 隐藏被选的元素 queue() 显示被选

[ jquery 效果 show([speed,[easing],[fn]]) hide([speed,[easing],[fn]]) ] 此方法用于显示隐藏的被选元素:show() 适用于通过 jQuery 方法和 CSS 中 display:none type=&#39;hidden&#39; 隐藏的元素(不适用于通过 visibility:hidden 隐藏的元素)

show()显示隐藏的被选元素:show() 适用于通过 jQuery 方法和 CSS 中 display:none type='hidden' 隐藏的元素(不适用于通过 visibility:hidden 隐藏的元素): hide() 方法隐藏被选元素: 参数 描述 speed 可选.规定显示效果的速度. 可能的值: 毫秒 "slow" "fast" easing 可选.规定在动画的不同点上元素的速度.默认值为 "swing". 可能的值: &

jQuery 效果 - 滑动

jQuery 滑动方法可使元素上下滑动. 实例 jQuery slideDown() 演示 jQuery slideDown() 方法. jQuery slideUp() 演示 jQuery slideUp() 方法. jQuery slideToggle() 演示 jQuery slideToggle() 方法. jQuery 滑动方法 通过 jQuery,您可以在元素上创建滑动效果. jQuery 拥有以下滑动方法: slideDown() slideUp() slideToggle() j

Jquery效果代码--(二)

//jQuery 效果- 隐藏和显示.通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: //掩藏效果演示: $(document).ready(function(){ $("#hide").click(function(){ $("p").hide(); }); }); //展示效果演示 $(document).ready(function(){ $("#show").click(function