jQuery文档之效果

如有问题或建议,请公众号留言

最近更新:

一、显示和隐藏1、show() 显示隐藏的匹配元素hide() 隐藏显示的元素

二、滑动1、slideDown(speed,callback)

:规定效果时长,可以取:‘slow’,‘fast’或者毫秒;用于向下滑动元素

2、slideUp(speed,callback)

:规定效果时长,可以取:‘slow’,‘fast’或者毫秒;用于向上滑动元素

3、slideToggle() 可以在slideDown()与slideUp()方法之间进行切换:

三、淡入淡出1、fadeIn(speed,callback) 用于淡入已隐藏的元素

html:

js:

2、fadeOut(spedd,callback) 用于淡出可见元素

html:

js:

3、fadeTo() 允许渐变为给定的不透明度

html:

js:

4、fadeToggle() 可以在 fadeIn() 与 fadeOut() 方法之间进行切换

html:

js:

四、自定义1、animate() 创建自定义动画

html:

js:

2、stop() 停止所有在指定元素上正在运行的动画。

html:

js:

3、delay() 设置一个延时来推迟执行队列中之后的项目。

html:

js:

4、finish() 停止当前运行的动画,移除所有排队的动画,并为被选元素完成所有动画。

html:

js:

五、设置

把这个属性设置为true可以立即关闭所有动画(所有效果会立即执行完毕)。有些情况下可能需要这样,比如:

你在配置比较低的电脑上使用jQuery。

你的一些用户由于动画效果而遇到了 可访问性问题

当把这个属性设成false之后,可以重新开启所有动画。

css

html

js

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180404G1MW7400?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

同媒体快讯

扫码关注云+社区

领取腾讯云代金券