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

jQuery动画效果之-slideDown

阅读更多

 

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

 

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

 

---------通过宽度变化(向下增大)动态地隐藏所有匹配的元素

           在显示完成后可选地触发一个回调

 

 

参数说明:

 

 

  1. speed {String | Number}

 

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

 

     2.  easing(可选) {String}

 

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

 

     3.  callback(可选) {Function}

 

      动画执行完成后的回调

 

分享到:
评论

相关推荐

    JQuery-slideDown.rar

    本篇将详细探讨jQuery中的`slideToggle`和`slideDown`这两个动画效果,它们是jQuery动态展示和隐藏元素的利器。 一、`slideToggle`函数 `slideToggle`是jQuery中的一个动画方法,它能够通过展开或折叠元素的高度来...

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

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

    jQuery滑块效果脚本-Side Effect

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

    .jQuery动画效果

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

    jquery 动画处理1-queue使用

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

    jquery的动画效果

    jQuery是一个强大的JavaScript库,特别以其简洁的API和丰富的动画效果而闻名。...无论是在网页导航、图片展示还是用户交互上,jQuery动画都是不可或缺的工具。熟练掌握这些技巧,将让你的网页更加生动和引人入胜。

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

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

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

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

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

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

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

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

    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学习记录----股票信息实时显示(七)

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

    jquery的实例--jquerydemo

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

    JQuery权威指南---完整版

    3. **动画与效果**:JQuery的动画功能强大,包括淡入淡出(`fadeIn()`, `fadeOut()`)、滑动(`slideUp()`, `slideDown()`)等。此外,还可以使用`animate()`方法自定义复杂的动画效果。同时,了解`.show()`, `.hide()`,...

    jquery-1.11.3.js 、jquery-1.11.3.min.js 【官方jquery包 js】

    jQuery的`animate()`函数允许开发者创建自定义的动画效果,通过指定CSS属性的变化来实现平滑过渡。另外,`.fadeIn()`, `.slideUp()`, `.show()`, `.hide()`等预设动画则大大简化了常见的视觉效果。 5. **Ajax交互...

    jquery-1.2.6-vsdoc

    3. 动画效果:`$.fn.animate()`函数是jQuery动画的基础,配合`fadeIn()`, `slideUp()`等方法,能实现各种流畅的过渡效果。 4. Ajax处理:`.ajax()`, `.get()`, `.post()`等方法使得异步数据交互变得简单。 5. 链式...

    jQuery动画下拉菜单Smart Menu

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

    jQuery动画效果多功能

    综上所述,"jQuery动画效果多功能"项目涉及了jQuery动画API的运用,特别是与图片滚动相关的技巧,包括`slideUp()`, `slideDown()`, `animate()`方法,以及数组、定时器和响应式设计的综合应用。通过掌握这些技术,...

Global site tag (gtag.js) - Google Analytics