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

jQuery动画效果之-slideUp

阅读更多

 

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

 

slideUp(speed,[easing],[callback])

 

---------通过宽度变化(向上减小)动态地隐藏所有匹配的元素

           在隐藏完成后可选地触发一个回调

 

参数说明:

 

 

  1. speed {String | Number}

 

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

 

     2.  easing(可选) {String}

 

      用来指定切换的效果,默认是"swing" 可用参数 "linear"

 

     3.  callback(可选) {Function}

 

      动画执行完成后的回调
分享到:
评论

相关推荐

    jQuery滑块效果脚本-Side Effect

    在实现这些滑动效果时,jQuery提供了一系列内置的动画方法,如`.slideToggle()`、`.slideUp()`、`.slideDown()`等,它们能够平滑地改变元素的高度或宽度,从而实现滑动效果。同时,通过结合使用CSS样式和jQuery事件...

    jQuery动画效果-slideUp slideDown上下滑动示例代码

    在本文中,我们将深入探讨jQuery中的`slideUp()`和`slideDown()`动画效果,这两个函数是jQuery库中用于创建平滑上下滑动效果的关键...了解和掌握这些jQuery动画方法,对于提升网页设计的动态性和用户友好性至关重要。

    .jQuery动画效果

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

    jquery 动画处理1-queue使用

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

    jquery的动画效果

    2. **滑动效果**:`.slideUp()`和`.slideDown()`使元素沿着垂直方向滑动,`.slideToggle()`则结合两者,让元素在滑动显示和隐藏之间切换。 3. **渐变效果**:`.animate()`可以用来改变CSS的`opacity`属性,实现元素...

    jQuery1.9.1含jquery-1.9.1-vsdoc

    另外,jQuery的动画效果如`.fadeIn()`和`.slideUp()`等,可以让网页呈现出丰富的视觉效果。 总之,jQuery 1.9.1是一个功能强大且稳定的版本,它在保持向后兼容性的同时,优化了代码结构,提升了性能。通过深入理解...

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

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

    jQuery动画下拉菜单Smart Menu

    jQuery作为一个强大的JavaScript库,提供了丰富的功能来实现这种效果,其中“jQuery动画下拉菜单Smart Menu”便是其中的佼佼者。本文将深入探讨Smart Menu的设计理念,实现原理以及实际应用,帮助开发者更好地理解和...

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

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

    jquery-3.3.1.js和jquery.min-3.3.1.js

    - **动画效果**:`fadeIn()`, `slideUp()`, `animate()`等方法让创建动态效果变得直观。 - **Ajax交互**:`$.ajax()`, `$.get()`, `$.post()`等函数提供了简洁的接口进行异步数据请求。 - **链式操作**:jQuery...

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

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

    jQuery-, jQuery源码解读 -- jQuery v1.10.2.zip

    jQuery的动画和效果库包括`fadeIn()`, `slideUp()`, `animate()`等。源码分析可以让我们理解jQuery如何使用CSS属性和时间函数实现平滑的动画效果。 7. **插件扩展机制** jQuery的插件系统是其灵活性的关键。通过...

    jQuery动画效果多功能菜单

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

    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的实例--jquerydemo

    7. **动画效果**:除了`slideToggle()`,jQuery还提供了其他动画方法,如`.fadeIn()`, `.fadeOut()`, `.slideUp()`, `.slideDown()`等,可以创建丰富的视觉效果。 8. **AJAX交互**:jQuery的`.ajax()`方法简化了与...

    jQuery学习记录----股票信息实时显示(七)

    5. **动画效果**:jQuery还提供了丰富的动画功能,如淡入淡出(`fadeIn()`, `fadeOut()`)、滑动(`slideUp()`, `slideDown()`)等,可以用来增加用户交互时的视觉反馈,比如在股票信息更新时加入平滑过渡效果。...

    jquery-1.4.2.js,jquery-1.4.2-vsdoc.js Jquery-1.4.2及vs智能提示插件

    5. **动画效果**:`fadeIn()`、`slideUp()`、`animate()`等方法使得创建平滑的动画效果变得简单。 6. **Ajax**:`$.ajax()`、`$.get()`、`$.post()`等方法简化了异步请求,支持JSONP跨域请求。 **jQuery-1.4.2-...

    Jquery下載,Jquery-3.5.1

    4. **动画**: jQuery 动画功能强大,包括 `fadeIn()`, `fadeOut()`, `slideToggle()` 等,使得创建复杂的视觉效果变得简单。 5. **Ajax**: jQuery 的 `$.ajax()` 方法简化了异步数据获取,支持 JSON, XML, HTML 等...

    jquery-1.4.2&&jquery-1.4.2-vsdoc.js.rar

    此外,jQuery 1.4.2还提供了丰富的动画效果。`fadeIn()`, `slideUp()`, `animate()`等方法使得创建动态视觉效果变得简单。例如,`$("#element").fadeIn(500)`将在500毫秒内淡入指定元素。 总的来说,jQuery 1.4.2是...

Global site tag (gtag.js) - Google Analytics