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

jQuery动画效果之-fadeTo

阅读更多

 

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

 

fadeTo(speed,opacity,[callback])

 

---------把所有匹配元素的不透明度以渐进方式调整到指定的不透明度,并在动画完成后可选地触发一个回调函数。

 

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

 

 

参数说明:

 

 

 

  1. speed {String | Number}

  •  三种预定的字符串"slow" | "normal" | "fast
  •  或者毫秒数值(如2000)
     2、opacity   Number

     要调整到的不透明的值(0~1


     3、callback(可选)  Function


分享到:
评论

相关推荐

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

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

    jquery特效菜单--透明度切换

    `fadeTo()`函数中的第一个参数是动画时间,第二个参数是目标透明度。 在压缩包中的"jquery特效菜单(三)-透明度切换_已备份"可能包含了实现这个效果的完整代码,包括HTML、CSS和JavaScript文件。你可以下载并参考...

    jQuery动画.pptx

    jQuery动画 1、三组基本动画 - 显示(show)、隐藏(hide)和切换toggle()--显示隐藏动画组。 - 滑入(slideUp)与滑出(slideDown)与切换(slideToggle)--滑动效果动画组,效果与卷帘门类似。 - 淡入(fadeIn)与淡出(fadeOut...

    第十课 jquery动画效果1

    - 动画队列是jQuery动画的另一个特性,多个`animate()`调用会按照添加的顺序依次执行,形成类似队列的执行流程。 jQuery 的动画效果使得开发者能够轻松地创建丰富的用户体验,通过控制元素的视觉变化吸引用户注意...

    jquery动画背景图片

    transition: 'fade' // 动画效果(淡入淡出) }); }); ``` 在这个例子中,`backgroundAnimation` 是插件提供的方法,`images` 参数定义了图片列表,`duration` 设置了每张图片显示的时间,`transition` 指定...

    第十课 jquery动画效果2

    在前端开发中,jQuery 是一个非常流行的 JavaScript 库,它为开发者提供了许多便捷的功能,其中包括丰富的动画效果。在本篇中,我们将详细讨论 jQuery 的动画效果,主要关注淡入淡出、滑动以及自定义动画。 一、...

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

    6. jQuery的fadeTo()方法:该方法允许将元素的不透明度逐渐改变到指定值,实现更为细腻的淡入淡出效果。 7. jQuery的hide()和show()方法:这两个方法是jQuery中最基本的元素显示和隐藏方法。hide()方法将元素隐藏,...

    jQuery学习动画效果基础

    jQuery学习动画效果基础 jQuery学习动画效果基础是指使用jQuery库来实现网页中的动画效果。动画效果可以丰富网页的交互性和视觉效果,使用户体验更加流畅和自然。本文将详细介绍jQuery学习动画效果基础,并提供相关...

    RIA应用开发:6-jQuery动画效果.ppt

    `fadeTo()` 允许你指定一个具体的透明度值,从当前值平滑过渡到目标值。同样,这些方法也支持持续时间和回调函数。 3. **滑动效果**:`slideDown()`, `slideUp()` 以及 `slideToggle()` 则通过改变元素的高度或宽度...

    Jquery-Cheat-Sheet-1.2

    - **`.fadeIn()`, `.fadeOut()`, `.fadeTo()`, `.hide()`, `.show()`, `.slideDown()`, `.slideToggle()`, `.slideUp()`, `.stop()`, `.toggle()`**:提供了各种预定义的动画效果,便于网页元素的视觉呈现和交互。...

    jquery菜单简洁动画

    这里,`stop()`用于立即停止当前动画,`fadeTo('slow', 0)`则将透明度逐渐降低到0,即完全透明。 最后,我们可能需要处理一些交互逻辑,例如防止在动画进行时触发多次。可以使用`.is(':animated')`检查元素是否正在...

    jquery-mult-animation-silder百叶窗

    $('.slider div:eq(' + index + ')').fadeTo(500, 1); }, interval * i, i); } } // 触发百叶窗动画 $('.slider').on('click', function() { animateBlinds(); }); }); ``` 在这个例子中,我们首先获取...

    jQuery动画图片拖动排序效果

    本文将深入探讨如何使用jQuery实现一个动画图片拖动排序的效果,这是一个常见且实用的功能,常用于创建交互性强的网页应用。 首先,要实现这个功能,我们需要理解jQuery中的`draggable()`和`droppable()`方法。`...

    jQuery权威指南-源代码

    5.3.2 fadeTo()方法/137 5.4 自定义动画/139 5.4.1 简单的动画/140 5.4.2 移动位置的动画/141 5.4.3 队列中的动画/144 5.4.4 动画停止和延时/146 5.5 动画效果综述/148 5.5.1 各种动画方法说明/148 5.5.2 ...

    jQuery网格马赛克动画显示隐藏图片特效插件

    jQuery网格马赛克动画显示隐藏图片特效插件是一种在网页中实现动态图像展示的技术,它通过将图片组织成网格,并采用马赛克效果进行动画处理,达到吸引用户注意力和提升用户体验的效果。这种特效通常用于网站的相册...

    jquery实现图片遮罩动画进渡提示特效

    `fadeTo()`方法用于淡入淡出效果,第二个参数是目标透明度,第三个参数是一个回调函数,用于在动画结束后执行。 除了以上基本实现,还可以根据需求进行扩展,例如: - **进度条**:在图片加载过程中,可以通过计算...

    超好用的jQuery图片轮换插件nivo-slider

    effect: 'fade', // 可选过渡效果 slices: 15, // 对于'sliceDown'和'sliceUp'效果的切片数量 animSpeed: 500, // 动画速度 pauseTime: 3000, // 每张图片停留时间 startSlide: 0, // 起始显示的图片索引 ...

    jquery鼠标移动到图片上动画效果

    6. **组合效果**:可以结合其他jQuery方法,如`.fadeTo()`或`.slideToggle()`,实现更多样的动画效果,比如淡入淡出或滑动切换。 实际项目中,你可能还会遇到性能优化的问题,比如使用事件委托来减少内存占用,或者...

    jquery图片过渡效果

    2. **`.fadeTo()`方法**:这个方法用于改变元素的透明度,从而实现淡入淡出效果。例如,我们希望图片从完全透明渐变至完全不透明: ```javascript $("#myImg").fadeTo(1000, 1); ``` 3. **`.fadeIn()`和`....

    jQuery鼠标悬停图片遮罩动画显示特效

    在网页设计中,jQuery是一种广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。本主题探讨的是利用jQuery实现的...在实际开发中,结合此类示例学习并实践,可以加深对jQuery动画和交互效果的理解。

Global site tag (gtag.js) - Google Analytics