`
y8820960
  • 浏览: 115823 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

(四)jQuery总结:Effects

 
阅读更多

JQuery Effects 方法说明

show( ) 显示隐藏的匹配元素。
show( speed, [callback] ) 以优雅的动画显示所有匹配的元素,并在显示完成后可选地触发一个回调函数。
hide( ) 隐藏所有的匹配元素。
hide( speed, [callback] ) 以优雅的动画隐藏所有匹配的元素,并在显示完成后可选地触发一个回调函数
toggle( ) 切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,
切换为可见的。
slideDown( speed, [callback] ) 通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选
地触发一个回调函数。这个动画效果只调整元素的高度,可以使匹配的元素以
“滑动”的方式显示出来。
slideUp( speed, [callback] ) 通过高度变化(向上减小)来动态地隐藏所有匹配的元素,在隐藏完成后可选地
触发一个回调函数。这个动画效果只调整元素的高度,可以使匹配的元素以”滑动”
的方式隐藏起来。
slideToggle( speed, [callback] ) 通过高度变化来切换所有匹配元素的可见性,并在切换完成后可选地触发一个回
调函数。 这个动画效果只调整元素的高度,可以使匹配的元素以”滑动”的方式隐
藏或显示。
fadeIn( speed, [callback] ) 通过不透明度的变化来实现所有匹配元素的淡入效果,并在动画完成后可选地触
发一个回调函数。 这个动画只调整元素的不透明度,也就是说所有匹配的元素的
高度和宽度不会发生变化。
fadeOut( speed, [callback] ) 通过不透明度的变化来实现所有匹配元素的淡出效果,并在动画完成后可选地触
发一个回调函数。 这个动画只调整元素的不透明度,也就是说所有匹配的元素的
高度和宽度不会发生变化。
fadeTo( speed, opacity, [callback] ) 把所有匹配元素的不透明度以渐进方式调整到指定的不透明度,并在动画完成
后可选地触发一个回调函数。 这个动画只调整元素的不透明度,也就是说所
有匹配的元素的高度和宽度不会发生变化。
stop( ) 停止所有匹配元素当前正在运行的动画。如果有动画处于队列当中,他们就会立即开始。
queue( ) 取得第一个匹配元素的动画序列的引用(返回一个内容为函数的数组)
queue( callback ) 在每一个匹配元素的事件序列的末尾添加一个可执行函数,作为此元素的事件函数
queue( queue ) 以一个新的动画序列代替所有匹配元素的原动画序列
dequeue( ) 执行并移除动画序列前端的动画
animate( params, [duration], [easing], [callback] ) 用于创建自定义动画的函数。
animate( params, options ) 创建自定义动画的另一个方法。作用同上。

分享到:
评论

相关推荐

    jquery api 3.2.1

    4. **动画效果(Effects)**:jQuery提供了丰富的动画效果,如`fadeIn()`和`fadeOut()`实现元素的渐显渐隐,`slideToggle()`实现滑动显示隐藏,`animate()`则可自定义动画效果。 5. **Ajax交互(Ajax)**:jQuery的...

    jquery-ui-1.11.4完整版

    总结,jQuery UI 1.11.4是一个强大且全面的前端UI框架,它提供了多种用户界面元素和交互效果,极大地扩展了jQuery的功能。开发者可以通过简单易用的API,快速构建功能丰富的、具有良好用户体验的Web应用。无论是在...

    jQuery_API_1.4.4

    四、动画效果(Effects) jQuery的动画功能强大,如: 1. `.fadeIn()`, `.fadeOut()`: 控制元素的可见性。 2. `.slideToggle()`: 滑动显示或隐藏元素。 3. `.animate()`: 定制动画效果,包括改变属性值。 4. `.stop...

    Jquery1.2.6参考文档

    四、动画效果(Effects) jQuery 的动画功能是其魅力之一,`fadeIn()`, `fadeOut()`, `slideToggle()`等方法可轻松实现淡入淡出、滑动等效果。`animate()`方法则允许自定义动画,通过设置CSS属性值的变化来创建复杂...

    Jquery 大部分效果UI

    5. **效果(Effects)**:jQuery UI 包含了一系列内置的动画效果,如淡入淡出、滑动等,可以轻松添加视觉动态效果。 6. **菜单(Menu)**:创建可下拉的导航菜单,帮助用户更好地浏览网站内容。 7. **进度条...

    jQuery用户界面库

    #### 三、总结 **jQuery UI** 为开发者提供了强大的工具集,可以大大简化Web应用开发过程中的交互设计部分。通过深入学习本书提到的各章节内容,不仅可以掌握如何使用这些小部件,还能了解其背后的实现机制,从而更...

    jquery-1.9.1

    总结,jQuery 1.9.1作为一个成熟的JavaScript库版本,为开发者提供了强大而易用的工具集,无论是DOM操作、事件处理还是Ajax通信,都极大地提高了Web开发的效率。理解并熟练运用jQuery 1.9.1,将有助于提升项目开发的...

    jquery 1.7.2

    总结,jQuery 1.7.2作为jQuery的一个重要版本,以其强大的功能和易用性赢得了开发者们的喜爱。尽管现在有更新的版本如jQuery 3.x,但1.7.2在许多现有项目中仍被广泛使用,其稳定性和兼容性得到了业界的广泛认可。...

    jquery-ui+jquery-ui-rails

    总结来说,jQuery UI与Rails的结合使用可以大大提升Web应用的交互性和用户体验。通过`jquery-ui-rails` gem,我们可以轻松地在Rails项目中集成jQuery UI的各种组件,从而实现丰富的前端功能。在实际开发过程中,根据...

    Jquery+Jquery ui资料

    - `jQuery+UI+总结.doc`:这个文档可能是作者对jQuery UI的使用心得和总结,包含了一些实践经验和技巧。 深入理解和熟练运用jQuery和jQuery UI,不仅可以提升网页的用户体验,还能提高开发效率,是现代前端开发者的...

    jquery-ui-1.8.14

    总结来说,"jquery-ui-1.8.14.zip"不仅是一个UI库,更是一个包含演示、源码和部分文档的学习资源包。通过深入研究这个压缩包,开发者可以提升在Web前端领域的技能,实现更高效、更具吸引力的用户界面。

    jQuery相关总结

    "jQuery相关总结"可能是一个PDF或者文本文件,它可能涵盖了作者在学习jQuery过程中整理的核心概念和实践技巧。这可能包括以下部分: 1. **基础概念**:介绍jQuery的基本使用,如通过"$()"创建jQuery对象,以及如何...

    Jquery框架 有文档

    5. **动画效果(Effects)**: jQuery内置了各种动画效果,如`fadeIn()`, `slideUp()`, `animate()`等,可以轻松实现页面元素的动态展示和过渡。 ### 二、jQuery 1.3 版本特性 - **性能提升**: jQuery 1.3版本在...

    jquery UI组件集合

    总结来说,jQuery UI 是一个功能丰富的前端开发工具,它大大简化了网页交互元素的构建,无论是新手还是经验丰富的开发者,都能从中受益。通过熟练掌握 jQuery UI,我们可以更高效地构建出美观、易用的Web应用,提升...

    jQuery 中英文 1.7 API

    **jQuery API** ...总结来说,jQuery 1.7 API文档是学习和使用jQuery的宝贵资源,无论你是初学者还是经验丰富的开发者,都应该熟悉并掌握其内容。结合jQuery UI,你将能够创建更具吸引力和交互性的Web应用。

    jquery-ui-1.8.13

    总结,jQuery UI 1.8.13作为一个成熟的前端框架,为开发者提供了丰富的UI组件和交互功能。通过学习和实践,开发者可以快速构建出功能强大且具有吸引力的Web应用。深入理解和应用jQuery UI,不仅可以提升工作效率,还...

    jquery jar包 jquery.api.3.2.1.zip

    总结来说,“jQuery API 3.2.1.zip”这个压缩包是学习和掌握jQuery的重要资源,它包含的API文档覆盖了选择器、DOM操作、事件处理、动画效果、Ajax通信等多个方面,无论你是初学者还是资深开发者,都能从中获益。...

    jquery-ui。js

    5. **效果(Effects)**:jQuery UI 包含了一系列内置的动画效果,如淡入淡出、滑动、切换等,还可以自定义复杂的过渡效果。 6. **主题(Themeroller)**:jQuery UI 提供了一个在线工具 Themeroller,开发者可以...

    jquery1.4.4.min最新

    4. **效果(Effects)**:jQuery提供了丰富的动画效果,如`fadeIn()`、`slideUp()`、`animate()`等,使得网页交互更生动。 5. **Ajax(Ajax)**:通过`$.ajax()`、`$.get()`、`$.post()`等方法,jQuery简化了异步...

Global site tag (gtag.js) - Google Analytics