jquery animate()方法 语法

jquery animate()方法 语法

作用:animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的,这样就可以创建动画效果。只有数字值可创建动画(比如 "margin:30px")。大理石平台怎么样字符串值无法创建动画(比如 " padding: 0px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 36px; background-color: rgb(242, 242, 242); color: rgb(102, 102, 102); font-family: "Helvetica Neue", Helvetica, "PingFang SC", 微软雅黑, Tahoma, Arial, sans-serif;">语法1:$(selector).animate(styles,speed,easing,callback)

参数:

参数 描述
styles     必需。规定产生动画效果的 CSS 样式和值。
speed     可选。规定动画的速度。默认是 "normal"。可能的值:毫秒 (比如 1500) "slow"  "normal"  "fast" 
easing     可选。规定在不同的动画点中设置动画速度的 easing 函数。内置的 easing 函数:swing   linear扩展插件中提供更多 easing 函数。
callback     可选。animate 函数执行完之后,要执行的函数。


语法2:
$(selector).animate(styles,options)

参数:

参数 描述
styles     必需。规定产生动画效果的 CSS 样式和值(同上)。
options 可选。规定动画的额外选项。可能的值:speed - 设置动画的速度  easing - 规定要使用的 easing 函数  callback - 规定动画完成之后要执行的函数    step - 规定动画的每一步完成之后要执行的函数   queue - 布尔值。指示是否在效果队列中放置动画。如果为 false,则动画将立即开始   specialEasing - 来自 styles 参数的一个或多个 CSS 属性的映射,以及它们的对应 easing 函数

jquery animate()方法 示例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
  {
  $(".btn1").click(function(){
    $("#box").animate({height:"300px"});
  });
  $(".btn2").click(function(){
    $("#box").animate({height:"100px"});
  });
});
</script>
</head>
<body>
<div id="box" style="background:#98bf21;height:100px;width:100px;margin:6px;">
</div>
<button class="btn1">Animate</button>
<button class="btn2">Reset</button>
</body>
</html>

原文地址:https://www.cnblogs.com/furuihua/p/11982075.html

时间: 2024-11-05 06:26:09

jquery animate()方法 语法的相关文章

jQuery animate方法开发极客标签Logo动画融合效果

在线演示 本地下载 jQuery的animate方法基础使用,演示如何生成一个jQuery animate方法开发极客标签Logo动画融合效果 相关代码录播:jQuery animate方法开发极客标签Logo动画融合效果

jquery error()方法 语法

jquery error()方法 语法 作用:当元素遇到错误(没有正确载入)时,发生 error 事件.error() 方法触发 error 事件,或规定当发生 error 事件时运行的函数.该方法是 bind('error', handler) 的简写方式.直线模组 触发error事件语法:$(selector).error() 将函数绑定到error事件语法:$(selector).error(function) 参数: 参数 描述 function     可选.规定当发生 error 事

jquery die()方法 语法

jquery die()方法 语法 作用:die() 方法移除所有通过 live() 方法向指定元素添加的一个或多个事件处理程序.直线电机参数 语法:$(selector).die(event,function) 参数: 参数 描述 event     必需.规定要移除的一个或多个事件处理程序.由空格分隔多个事件值.必须是有效的事件. function     可选.规定要移除的特定函数.  jquery die()方法 示例 <html> <head> <script ty

jquery load() 方法 语法

jquery load() 方法 语法 作用:当指定的元素(及子元素)已加载时,会发生 load() 事件.该事件适用于任何带有 URL 的元素(比如图像.脚本.框架.内联框架).根据不同的浏览器(Firefox 和 IE),如果图像已被缓存,则也许不会触发 load 事件.还存在一个名为 load() 的 jQuery Ajax 方法,根据不同的参数而定.无锡大理石测量平台 语法:$(selector).load(function(){}) 参数: 参数 描述 function     必需.

jquery bind()方法 语法

jquery bind()方法 语法 作用:bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数. 说明:规定向被选元素添加的一个或多个事件处理程序,以及当事件发生时运行的函数.直线电机生产厂家 语法:$(selector).bind(event,data,function) 参数: 参数 描述 event     必需.规定添加到元素的一个或多个事件.由空格分隔多个事件.必须是有效的事件. data     可选.规定传递到函数的额外数据. function   

jquery unbind()方法 语法

jquery unbind()方法 语法 作用:unbind() 方法移除被选元素的事件处理程序.该方法能够移除所有的或被选的事件处理程序,或者当事件发生时终止指定函数的运行.ubind() 适用于任何通过 jQuery 附加的事件处理程序. 取消绑定元素的事件处理程序和函数:规定从指定元素上删除的一个或多个事件处理程序.如果没有规定参数,unbind() 方法会删除指定元素的所有事件处理程序.大理石平台等级 语法:$(selector).unbind(event,function 参数: 参数

jquery undelegate()方法 语法

jquery undelegate()方法 语法 作用:undelegate() 方法删除由 delegate() 方法添加的一个或多个事件处理程序.大理石平台支架 语法:$(selector).undelegate(selector,event,function) 参数: 参数 描述 selector     可选.规定需要删除事件处理程序的选择器. event     可选.规定需要删除处理函数的一个或多个事件类型. function 可选.规定要删除的具体事件处理函数. jquery un

jquery unload方法 语法

jquery unload方法 语法 作用:当用户离开页面时,会发生 unload 事件.具体来说,当发生以下情况时,会发出 unload 事件:点击某个离开页面的链接在地址栏中键入了新的 URL使用前进或后退按钮关闭浏览器重新加载页面unload() 方法将事件处理程序绑定到 unload 事件.unload() 方法只应用于 window 对象.大理石平台精度等级 语法:event.unload(function) 参数: 参数 描述 function     必需.规定当触发 unload

jquery fadeIn()方法 语法

jquery fadeIn()方法 语法 作用:fadeIn() 方法使用淡入效果来显示被选元素,假如该元素是隐藏的.大理石平台检定规程 语法:$(selector).fadeIn(speed,callback 参数: 参数 描述 speed     可选.规定元素从隐藏到可见的速度.默认为 "normal".可能的值:毫秒 (比如 1500)"slow""normal""fast"  在设置速度的情况下,元素从隐藏到可见的过