`
zhangyaochun
  • 浏览: 2609252 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

jQuery动画效果之-fadeOut

阅读更多

 

这部分暂时不挖源码----简单介绍一下api的使用

 

fadeOut(speed,[callback])

 

---------通过不透明度的变化来实现所有匹配元素的淡出效果,并在动画完成后可选地触发一个回调函数。

 

           只是调整不透明度,元素的高和宽不变。

 

 

参数说明:

 

 

 

  1. speed {String | Number}

  •  三种预定的字符串"slow" | "normal" | "fast
  •  或者毫秒数值(如2000)
     2、callback(可选)  Function
分享到:
评论

相关推荐

    jQuery动画效果-fadeIn fadeOut淡入浅出示例代码

    这两个方法都是jQuery动画效果的重要组成部分,常用于创建吸引人的用户界面。 在给出的示例代码中,我们看到一个HTML文档结构,包含一个ID为`container`的`div`元素,内部有一个`h5`标题(class为`head`)和一个`...

    jquery 动画处理1-queue使用

    jQuery提供了一系列的动画方法,如`fadeIn()`, `fadeOut()`, `slideUp()`, `slideDown()`等,这些方法可以轻松地实现元素的淡入淡出、滑动等视觉效果。这些动画默认是同步进行的,但通过`queue`,我们可以控制它们的...

    .jQuery动画效果

    在“jQuery动画效果”这个主题中,我们将深入探讨jQuery如何帮助开发者创建吸引人的、动态的用户界面。 1. **基本动画** jQuery 提供了一系列的基本动画方法,如 `fadeIn()`, `fadeOut()`, `slideToggle()` 和 `...

    jquery1.7.2 API jquery-1.7.2-vsdoc 汉化中文版本

    - `fadeIn()`, `fadeOut()`: 实现元素的淡入淡出效果。 - `slideToggle()`: 滑动显示或隐藏元素。 - `animate()`: 自定义平滑动画,可以改变CSS属性。 **6. Ajax交互** jQuery的`$.ajax()`函数是核心的Ajax方法,...

    jquery的动画效果

    1. **淡入淡出效果**:`.fadeIn()`和`.fadeOut()`方法用于让元素逐渐显现或消失。配合`.slideToggle()`,元素可以实现上下滑动的显示与隐藏。 2. **滑动效果**:`.slideUp()`和`.slideDown()`使元素沿着垂直方向...

    JQuery类库(jquery-1.2.1,jquery-1.2.6,jquery-1.3.2,jquery-1.4.1)

    4. **动画效果**:JQuery的`animate()`方法可以创建自定义动画效果,如改变元素的宽度、高度、透明度等。此外,还有`fadeIn()`, `fadeOut()`, `slideToggle()`等预定义的动画。 5. **Ajax交互**:JQuery封装了Ajax...

    jquery动画效果学习笔记(8种效果)

    在学习jQuery动画效果时,首先要知道的是,jQuery为开发者提供了一系列预定义的动画效果函数,这些函数可以用于实现元素的显示、隐藏以及淡入淡出等动态效果。动画效果使得页面元素能够以更流畅和吸引人的方式与用户...

    实训 jQuery开发交互效果页面--手机号抽奖.pptx

    知识点5: jQuery动画 jQuery提供了多种动画效果,例如:fadeIn、fadeOut、slideDown、slideUp等。这些动画效果使得我们的页面更加生动和美观。 知识点6: jQuery UI jQuery UI是jQuery的一个插件库,提供了多种UI...

    jquery171-20121018-win

    例如,文件中的`jquery-1.7.1.js`是jQuery库的源码文件,其中包含了丰富的选择器、事件处理、动画效果和Ajax交互等功能。通过引入这个文件,开发者可以方便地在网页中使用jQuery。 在jQuery 1.7.1中,最显著的改进...

    jquery大全----56个精美jquery特效,不下后悔死你(全新整理)

    10. **过渡效果**:jQuery的`.fadeIn()`, `.fadeOut()`, `.slideToggle()`等函数可以创建各种过渡效果,增强用户体验。 11. **触摸事件**:针对触屏设备,jQuery提供了`.swipe()`等方法来处理滑动事件,使特效在...

    jquery经典实例60例-动画实例

    《jQuery经典实例60例-动画实例》是学习jQuery库中动画效果...在实际项目中,这些jQuery动画实例将大大提升用户体验,增强网站的吸引力。在学习过程中,不断实践和理解每个实例,将有助于更好地掌握jQuery的动画功能。

    jQuery动画效果多功能菜单

    "jQuery动画效果多功能菜单"是一个专为学习设计的项目,它展示了如何利用jQuery创建出吸引人的、具有动画效果的菜单,以增强用户体验并提升网页的视觉吸引力。 jQuery中的动画功能主要通过几个核心函数来实现,如`...

    最新版JQuery-jquery-3.2.1.min.js

    - **动画**:`fadeIn()`, `fadeOut()`, `slideToggle()`, `animate()`等提供平滑的动画效果。 - **Ajax**:`$.ajax()`, `$.get()`, `$.post()`, `getJSON()`等方法简化了与服务器的数据交互。 ### 5. 兼容性和性能...

    实训 jQuery开发交互效果页面--留言页面.pptx

    6. jQuery 动画效果:jQuery 提供了多种动画效果,例如:`fadeIn()`、`fadeOut()`、`slideDown()` 等。我们可以使用这些方法来添加动画效果到我们的网页中。 7. HTML 和 CSS 基础知识:在开发留言页面时,我们需要...

    jquery学习笔记--1

    此外,还有`.fadeIn()`, `.fadeOut()`, `.slideToggle()`等预定义动画效果。 ### 6. Ajax应用 jQuery简化了Ajax交互,如: - `.ajax()`:通用的Ajax请求方法。 - `.get()`:发起GET请求。 - `.post()`:发起POST...

    jquery-1.4.2.js和jquery.min-1.4.2.js

    总结,jQuery 1.4.2在选择器、DOM操作、事件处理、动画效果和Ajax交互等方面为开发者提供了强大的工具,压缩文件jquery.min-1.4.2.js则兼顾了性能和安全。学习并熟练运用jQuery,能够显著提升Web开发的效率和质量。

    jquery的动态使用--京东轮播图.

    `.fadeIn()`和`.fadeOut()`可以实现元素的淡入淡出效果,这对于轮播图的平滑过渡至关重要。同时,`.animate()`方法允许我们自定义复杂的动画效果,如改变元素的位置、大小等属性,以实现平滑的图片滑动效果。 接着...

    jquery-拼图游戏-拖拽

    动画效果也是jQuery的一大特色。`.animate()`方法允许我们创建自定义的平滑动画,这在拼图游戏中可能用于拼图块的移动过程,使得游戏更加生动。此外,`.fadeIn()`和`.fadeOut()`等方法可用于元素的淡入淡出效果,...

    jquery-图片展示-鼠标滑过图片文字遮罩

    在这个示例中,`fadeIn()` 和 `fadeOut()` 是jQuery提供的动画方法,分别用于渐显和渐隐元素。通过绑定到`hover`事件,我们可以轻松地控制遮罩层的显示和隐藏。 为了优化用户体验,还可以添加其他细节,如动画速度...

Global site tag (gtag.js) - Google Analytics