开发手册HTML CSS JavaScript

HTML手册 CSS手册 JavaScript手册 JavaScript HTML DOM jQuery JSON DHTML JavaScript相关 jQuery 属性操作 - addClass() 方法 jQuery 属性操作 - attr() 方法 jQuery 属性操作 - hasClass() 方法 jQuery 属性操作 - removeAttr() 方法 jQuery 属性操作 - removeClass() 方法 jQuery 属性操作 - toggleClass() 方法 jQuery 属性操作 - val() 方法 jQuery CSS 操作 - css() 方法 jQuery CSS 操作 - height() 方法 jQuery CSS 操作 - offset() 方法 jQuery CSS 操作 - offsetParent() 方法 jQuery CSS 操作 - position() 方法 jQuery CSS 操作 - scrollLeft() 方法 jQuery CSS 操作 - scrollTop() 方法 jQuery CSS 操作 - width() 方法 jQuery 遍历 - clearQueue() 方法 jQuery 数据 - data() 方法 jQuery 遍历 - dequeue() 方法 jQuery 遍历 - hasData() 方法 jQuery 数据 - jQuery.data() 方法 jQuery 遍历 - jQuery.dequeue() 方法 jQuery 遍历 - jQuery.queue() 方法 jQuery 数据 - jQuery.removeData() 方法 jQuery 遍历 - queue() 方法 jQuery 数据 - removeData() 方法 jQuery DOM 元素方法 - get() 方法 jQuery DOM 元素方法 - index() 方法 jQuery DOM 元素方法 - size() 方法 jQuery DOM 元素方法 - toArray() 方法 jQuery 效果 - animate() 方法 jQuery 效果 - clearQueue() 方法 jQuery 效果 - fadeIn() 方法 jQuery 效果 - fadeOut() 方法 jQuery 效果 - fadeTo() 方法 jQuery 效果 - hide() 方法 jQuery 效果 - show() 方法 jQuery 效果 - slideDown() 方法 jQuery 效果 - slideToggle() 方法 jQuery 效果 - slideUp() 方法 jQuery 效果 - stop() 方法 jQuery 效果 - toggle() 方法 jQuery 事件 - bind() 方法 jQuery 事件 - blur() 方法 jQuery 事件 - change() 方法 jQuery 事件 - click() 方法 jQuery 事件 - dblclick() 方法 jQuery 事件 - delegate() 方法 jQuery 事件 - die() 方法 jQuery 事件 - error() 方法 jQuery 事件 - focus() 方法 jQuery 事件 - isDefaultPrevented() 方法 jQuery 事件 - keydown() 方法 jQuery 事件 - keypress() 方法 jQuery 事件 - keyup() 方法 jQuery 事件 - live() 方法 jQuery 事件 - load() 方法 jQuery 事件 - mousedown() 方法 jQuery 事件 - mouseenter() 方法 jQuery 事件 - mouseleave() 方法 jQuery 事件 - mousemove() 方法 jQuery 事件 - mouseout() 方法 jQuery 事件 - mouseover() 方法 jQuery 事件 - mouseup() 方法 jQuery 事件 - one() 方法 jQuery 事件 - pageX 属性 jQuery 事件 - pageY 属性 jQuery 事件 - preventDefault() 方法 jQuery 事件 - ready() 方法 jQuery 事件 - resize() 方法 jQuery 事件 - result 属性 jQuery 事件 - scroll() 方法 jQuery 事件 - select() 方法 jQuery 事件 - submit() 方法 jQuery 事件 - target 属性 jQuery 事件 - timeStamp 属性 jQuery 事件 - toggle() 方法 jQuery 事件 - trigger() 方法 jQuery 事件 - triggerHandler() 方法 jQuery 事件 - type 属性 jQuery 事件 - unbind() 方法 jQuery 事件 - undelegate() 方法 jQuery 事件 - unload 属性 jQuery 事件 - which 属性 jQuery 效果 jQuery HTML 操作 jQuery 参考手册 - 队列控制 jQuery 文档操作 - after() 方法 jQuery 文档操作 - append() 方法 jQuery 文档操作 - appendTo() 方法 jQuery 文档操作 - before() 方法 jQuery 文档操作 - clone() 方法 jQuery 文档操作 - detach() 方法 jQuery 文档操作 - empty() 方法 jQuery 文档操作 - html() 方法 jQuery 文档操作 - insertAfter() 方法 jQuery 文档操作 - insertBefore() 方法 jQuery 文档操作 - prependTo() 方法 jQuery 文档操作 - prepend() 方法 jQuery 文档操作 - remove() 方法 jQuery 文档操作 - replaceAll() 方法 jQuery 文档操作 - replaceWith() 方法 jQuery 文档操作 - text() 方法 jQuery 文档操作 - unwrap() 方法 jQuery 文档操作 - wrap() 方法 jQuery 文档操作 - wrapAll() 方法 jQuery 文档操作 - wrapInner() 方法 jQuery context 属性 jQuery jquery 属性 jQuery jQuery.fx.interval 属性 jQuery jQuery.fx.off 属性 jQuery jQuery.support 属性 jQuery length 属性 jQuery * 选择器 jQuery :animated 选择器 jQuery [attribute] 选择器 jQuery [attribute$=value] 选择器 jQuery [attribute=value] 选择器 jQuery [attribute!=value] 选择器 jQuery . 选择器 jQuery :contains 选择器 jQuery element 选择器 jQuery :empty 选择器 jQuery :eq() 选择器 jQuery :even 选择器 jQuery :first 选择器 jQuery :gt 选择器 jQuery :header 选择器 jQuery # 选择器 jQuery :input 选择器 jQuery :button 选择器 jQuery :checkbox 选择器 jQuery :checked 选择器 jQuery :disabled 选择器 jQuery :enabled 选择器 jQuery :file 选择器 jQuery :image 选择器 jQuery :password 选择器 jQuery :radio 选择器 jQuery :reset 选择器 jQuery :selected 选择器 jQuery :submit 选择器 jQuery :text 选择器 jQuery :last 选择器 jQuery :lt 选择器 jQuery :odd 选择器 jQuery :visible 选择器 jQuery 遍历 - add() 方法 jQuery 遍历 - andSelf() 方法 jQuery 遍历 - children() 方法 jQuery 遍历 - closest() 方法 jQuery 遍历 - contents() 方法 jQuery 遍历 - each() 方法 jQuery 遍历 - end() 方法 jQuery 遍历 - eq() 方法 jQuery 遍历 - filter() 方法 jQuery 遍历 - find() 方法 jQuery 遍历 - first() 方法 jQuery 遍历 - has() 方法 jQuery 遍历 - is() 方法 jQuery 遍历 - last() 方法 jQuery 遍历 - map() 方法 jQuery 遍历 - next() 方法 jQuery 遍历 - nextAll() 方法 jQuery 遍历 - nextUntil() 方法 jQuery 遍历 - not() 方法 jQuery 遍历 - offsetParent() 方法 jQuery 遍历 - parent() 方法 jQuery 遍历 - parents() 方法 jQuery 遍历 - parentsUntil() 方法 jQuery 遍历 - prev() 方法 jQuery 遍历 - prevAll() 方法 jQuery 遍历 - prevUntil() 方法 jQuery 遍历 - siblings() 方法 jQuery 遍历 - slice() 方法 jQuery Mobile 教程 ECMAScript 函数概述 ECMAScript arguments 对象 ECMAScript 闭包（closure）ECMAScript Function 对象（类）JavaScript 的历史 JavaScript 实现 ECMAScript 关键字 ECMAScript 定义类或对象 ECMAScript 修改对象 ECMAScript 面向对象技术 ECMAScript 对象作用域 ECMAScript 对象类型 ECMAScript 对象应用 ECMAScript 加性运算符 ECMAScript 赋值运算符 ECMAScript 位运算符 ECMAScript Boolean 运算符 ECMAScript 逗号运算符 ECMAScript 条件运算符 ECMAScript 等性运算符 ECMAScript 乘性运算符 ECMAScript 关系运算符 ECMAScript 一元运算符 ECMAScript 原始类型 ECMAScript 引用类型 ECMAScript 保留字 ECMAScript break 和 continue 语句 ECMAScript if 语句 ECMAScript 迭代语句 ECMAScript 标签语句 ECMAScript switch 语句 ECMAScript with 语句 ECMAScript 语法 ECMAScript 类型转换 ECMAScript 原始值和引用值 ECMAScript 变量 HTML DOM Anchor 对象 HTML DOM Area 对象 HTML DOM Audio 对象 HTML DOM Base 对象 HTML DOM Blockquote 对象 HTML DOM Body 对象 HTML DOM Button 对象 HTML DOM Canvas 对象 HTML DOM Checkbox 对象 HTML DOM Column 对象 HTML DOM Color 对象 HTML DOM Datalist 对象 HTML DOM Input Date 对象 HTML DOM Datetime Local 对象 HTML DOM Datetime 对象 HTML DOM Del 对象 HTML DOM Details 对象 HTML DOM Dialog 对象 HTML DOM Document 对象 HTML DOM Email 对象 HTML DOM Embed 对象 HTML DOM Event 对象 HTML DOM Fieldset 对象 HTML DOM FileUpload 对象 HTML DOM Form 对象 HTML DOM Frame 对象 HTML DOM Frameset 对象 HTML DOM Hidden 对象 History 对象 HTML DOM IFrame 对象 HTML DOM Image 对象 HTML DOM Input Image 对象 HTML DOM Input Time 对象 HTML DOM Ins 对象 HTML DOM Keygen 对象 HTML DOM Legend 对象 HTML DOM Li 对象 HTML DOM Link 对象 Location 对象 HTML DOM Map 对象 HTML DOM MenuItem 对象 HTML DOM Meta 对象 HTML DOM Meter 对象 HTML DOM Month 对象 Navigator 对象 HTML DOM Number 对象 HTML DOM Object 对象 HTML DOM Ol 对象 HTML DOM OptionGroup 对象 HTML DOM Option 对象 HTML DOM Parameter 对象 HTML DOM Password 对象 HTML DOM Progress 对象 HTML DOM Button 对象 HTML DOM Quote 对象 HTML DOM Radio 对象 HTML DOM Input Range 对象 HTML DOM Reset 对象 Screen 对象 HTML DOM Script 对象 HTML DOM Input Search 对象 HTML DOM Select 对象 HTML DOM Source 对象 HTML DOM Style 对象 HTML DOM Submit 对象 HTML DOM Table 对象 HTML DOM TableCell 对象 HTML DOM TableHeader 对象 HTML DOM TableRow 对象 HTML DOM Text 对象 HTML DOM Textarea 对象 HTML DOM Time 对象 HTML DOM Title 对象 HTML DOM Track 对象 HTML DOM Input URL 对象 HTML DOM Video 对象 HTML DOM Input Week 对象 Window 对象 JavaScript eval() 函数 JavaScript Array 对象 JavaScript Boolean 对象 JavaScript Date 对象 JavaScript 全局对象 JavaScript Math 对象 JavaScript Number 对象 JavaScript RegExp 对象 JavaScript String 对象 HTML DOM getContext() 方法多媒体教程 - 在 Web 上使用图像多媒体教程 - GIF 图像多媒体教程 - JPEG 图像 PHP 教程 SVG 教程 HTTP 方法：GET 对比 POST 什么是超文本？TCP/IP 教程 VBScript 教程万维网联盟（W3C）教程 XML 教程 XML DOM 加载函数 XML DOM 教程 XML DOM 参考手册

jQuery 效果 - animate() 方法

jQuery 效果参考手册

实例

改变 "div" 元素的高度：

$(".btn1").click(function(){
  $("#box").animate({height:"300px"});
});

亲自试一试

定义和用法

animate() 方法执行 CSS 属性集的自定义动画。

该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。

只有数字值可创建动画（比如 "margin:30px"）。字符串值无法创建动画（比如 "background-color:red"）。

注释：使用 "+=" 或 "-=" 来创建相对动画（relative animations）。

语法 1

$(selector).animate(styles,speed,easing,callback)

参数	描述
styles	必需。规定产生动画效果的 CSS 样式和值。可能的 CSS 样式值（提供实例）： backgroundPosition borderWidth borderBottomWidth borderLeftWidth borderRightWidth borderTopWidth borderSpacing margin marginBottom marginLeft marginRight marginTop outlineWidth padding paddingBottom paddingLeft paddingRight paddingTop height width maxHeight maxWidth minHeight minWidth font fontSize bottom left right top letterSpacing wordSpacing lineHeight textIndent 注释：CSS 样式使用 DOM 名称（比如 "fontSize"）来设置，而非 CSS 名称（比如 "font-size"）。
speed	可选。规定动画的速度。默认是 "normal"。可能的值：毫秒（比如 1500） "slow" "normal" "fast"
easing	可选。规定在不同的动画点中设置动画速度的 easing 函数。内置的 easing 函数： swing linear 扩展插件中提供更多 easing 函数。
callback	可选。animate 函数执行完之后，要执行的函数。如需学习更多有关 callback 的内容，请访问我们的 jQuery Callback 这一章。

语法 2

$(selector).animate(styles,options)

参数

描述

styles

必需。规定产生动画效果的 CSS 样式和值（同上）。

options

可选。规定动画的额外选项。

可能的值：

speed - 设置动画的速度
easing - 规定要使用的 easing 函数
callback - 规定动画完成之后要执行的函数
step - 规定动画的每一步完成之后要执行的函数
queue - 布尔值。指示是否在效果队列中放置动画。如果为 false，则动画将立即开始
specialEasing - 来自 styles 参数的一个或多个 CSS 属性的映射，以及它们的对应 easing 函数

jQuery 效果参考手册

关于千图| 赞助千图 |千图首页 Copyright2014千图网沪ICP备10011451号-6 用时：0.0255秒

千图网提示