jQuery中函数animate()作用是对被选元素执行之定义动画。
语法：
$(selector).animate({params},[duration],[easing],[callback]);
参数说明：
params：定义产生动画的CSS属性，可以定义多个params属性。
duration：定义用来应用的动画的时间。
easing：要使用的擦除效果的名称(需要插件支持).默认jQuery提供"linear" 和 "swing".
示例：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <script type="text/javascript" src="jquery-1.6.4.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#start').click(function(){ $("#box").animate({left:"100px"},"slow"); $("#box").animate({fontSize:"3em"},"slow"); $("#box").animate({fontSize:"1em"},"slow"); $("#box").animate({left:"0px"},"slow"); }); }); </script> </HEAD> <BODY> <p><a href="#" id="start">Start Animation</a></p> <div id="box" style="background:#98bf21;height:100px;width:200px;position:relative">Hello</div> </BODY> </HTML>
您还没有登录,请您登录后再发表评论
下面小编就为大家带来一篇原生js实现jquery函数animate()动画效果的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
本文实例讲述了jQuery中animate用法。分享给大家供大家参考。具体如下： 这是一个简单的animate函数尝试。代码如下： [removed] $(document).ready(function(){ $(".side-box h3").toggle(function(){ $(this)....
本文实例讲述了jQuery中animate()方法用法。分享给大家供大家参考。具体分析如下： 此方法用于创建自定义动画，并且能够规定动画执行时长、擦除效果。动画完成后还可以地触发一个回调函数。 animate()方法的使用: ...
用于创建自定义动画的函数。这个函数的关键在于指定动画形式及结果样式属性对象，下面为大家详细介绍下animate方法的具体使用，感兴趣的朋友可以了解下哈
本文实例讲述了jQuery使用animate创建动画用法。分享给大家供大家参考。具体如下： animate的用法： animate( Hash params, String|NumberJavascript 字符串或数字值 speed, String easing , Function callback(可选...
在今天之前，我对jQuery的中的animate()方法还停留在最常见的用法，查了一下手册，发现在1.8的时候增加了几个比较有用的回调函数，想着就来总结下jQuery中animate的几种用法与注意事项，方便自己或者大家有需要的...
jQuery中animate()的方法 用于创建自定义动画的函数。 返回值:jQuery animate(params, [duration], [easing], [callback]) 如果使用的是“hide”、“show”或“toggle”这样的字符串值，则会为该属性调用默认的...
本文主要讲解jQuery的animate函数的基本用法，利用动画函数animate实现豌豆发射的效果，对于学习animate很有帮助，有需要的可以参考借鉴。
从jQuery API 文档中可以知道，jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数： • properties：一组包含作为动画属性和终值的样式属性和及其值的集合 • ...
本文实例讲述了js实现类似jquery里animate动画效果的方法。分享给大家供大家参考。具体分析如下： 该实例可实现鼠标移上，先宽度变化，再高度变化，最后透明度变化，鼠标移出，再依次变回去的效果。 要点一： start...
jquery animate函数不能处理背景色渐变，需要使用jquery.color插件 核心代码： $(function(){ $("#cdiv").animate( { backgroundColor:'#FF0000' },1000 ) }) 完整代码如下： <!DOCTYPE html> <...
1:animate()方法 jelle('cc').animate({width:'100px'},300,function(){alert('完成')});// 是 cc 的宽度在300毫秒的时间变化到100px 动画结束 弹出 ‘完成' 2:stop()方法 jelle('cc').stop();//停止正在 cc...
从jQuery API 文档中可以知道，jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数： •properties：一组包含作为动画属性和终值的样式属性和及其值的集合 •duration...
昨天突然有网友问我animate()方法可以...css中的不是所有属性都可以用Jquery动画（animate函数）来动态改变，下面总结了JQ可以操作元素的一些属性： * backgroundPosition * borderWidth * borderBottomWidth * b
然后获取购物车右侧按钮的位置，利用jQuery的animate动画属性，将复制出来的图片直接飞到购物车那里，最后来个回调函数，移除即可 使用方法： 1、将head中的css样式复制到你的页面中 2、将body中的代码...
其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用，以及各种常用的jQuery插件的使用方法和技巧，所有这些知识点都配有完整的示例（包括...
animate是jq的一个特效的函数方法，animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。
通常会把 jQuery 代码放到 部分的事件处理方法中： 实例 <script type="text/javascript" src="jquery.js"> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); <h2>...
相关推荐
下面小编就为大家带来一篇原生js实现jquery函数animate()动画效果的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
本文实例讲述了jQuery中animate用法。分享给大家供大家参考。具体如下： 这是一个简单的animate函数尝试。代码如下： [removed] $(document).ready(function(){ $(".side-box h3").toggle(function(){ $(this)....
本文实例讲述了jQuery中animate()方法用法。分享给大家供大家参考。具体分析如下： 此方法用于创建自定义动画，并且能够规定动画执行时长、擦除效果。动画完成后还可以地触发一个回调函数。 animate()方法的使用: ...
用于创建自定义动画的函数。这个函数的关键在于指定动画形式及结果样式属性对象，下面为大家详细介绍下animate方法的具体使用，感兴趣的朋友可以了解下哈
本文实例讲述了jQuery使用animate创建动画用法。分享给大家供大家参考。具体如下： animate的用法： animate( Hash params, String|NumberJavascript 字符串或数字值 speed, String easing , Function callback(可选...
在今天之前，我对jQuery的中的animate()方法还停留在最常见的用法，查了一下手册，发现在1.8的时候增加了几个比较有用的回调函数，想着就来总结下jQuery中animate的几种用法与注意事项，方便自己或者大家有需要的...
jQuery中animate()的方法 用于创建自定义动画的函数。 返回值:jQuery animate(params, [duration], [easing], [callback]) 如果使用的是“hide”、“show”或“toggle”这样的字符串值，则会为该属性调用默认的...
本文主要讲解jQuery的animate函数的基本用法，利用动画函数animate实现豌豆发射的效果，对于学习animate很有帮助，有需要的可以参考借鉴。
从jQuery API 文档中可以知道，jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数： • properties：一组包含作为动画属性和终值的样式属性和及其值的集合 • ...
本文实例讲述了js实现类似jquery里animate动画效果的方法。分享给大家供大家参考。具体分析如下： 该实例可实现鼠标移上，先宽度变化，再高度变化，最后透明度变化，鼠标移出，再依次变回去的效果。 要点一： start...
jquery animate函数不能处理背景色渐变，需要使用jquery.color插件 核心代码： $(function(){ $("#cdiv").animate( { backgroundColor:'#FF0000' },1000 ) }) 完整代码如下： <!DOCTYPE html> <...
1:animate()方法 jelle('cc').animate({width:'100px'},300,function(){alert('完成')});// 是 cc 的宽度在300毫秒的时间变化到100px 动画结束 弹出 ‘完成' 2:stop()方法 jelle('cc').stop();//停止正在 cc...
从jQuery API 文档中可以知道，jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数： •properties：一组包含作为动画属性和终值的样式属性和及其值的集合 •duration...
昨天突然有网友问我animate()方法可以...css中的不是所有属性都可以用Jquery动画（animate函数）来动态改变，下面总结了JQ可以操作元素的一些属性： * backgroundPosition * borderWidth * borderBottomWidth * b
然后获取购物车右侧按钮的位置，利用jQuery的animate动画属性，将复制出来的图片直接飞到购物车那里，最后来个回调函数，移除即可 使用方法： 1、将head中的css样式复制到你的页面中 2、将body中的代码...
其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用，以及各种常用的jQuery插件的使用方法和技巧，所有这些知识点都配有完整的示例（包括...
animate是jq的一个特效的函数方法，animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。
通常会把 jQuery 代码放到 部分的事件处理方法中： 实例 <script type="text/javascript" src="jquery.js"> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); <h2>...