jquery 动画 - animate() 方法
jquery animate() 方法用于创建自定义动画。
语法：
$(selector).animate({params},speed,callback);必需的 params 参数定义形成动画的 CSS 属性。
可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。
可选的 callback 参数是动画完成后所执行的函数名称。
下面的例子演示 animate() 方法的简单应用；它把
元素移动到左边，直到 left 属性等于 250 像素为止：
实例
实例
$("button").click(function(){ $("div").animate({left:'250px'}); });<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("div").animate({left:'250px'});
});
});
</script>
</head>
<body>
<button>开始动画</button>
<p>默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/xiazai/code/9921" title="千博企业网站管理系统个人SQL版20120128"><img
src="https://img.php.cn/upload/webcode/000/000/019/176032800398270.png" alt="千博企业网站管理系统个人SQL版20120128" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/xiazai/code/9921" title="千博企业网站管理系统个人SQL版20120128">千博企业网站管理系统个人SQL版20120128</a>
<p>千博企业网站管理系统个人版免费下载、免费使用、功能无限制，完全免费拥有(请尊重开发者版权，保留首页底部版权显示)：内含Flash动画源码、Access数据库程序包、SQL数据库程序包。 千博企业网站管理系统个人版特点： 1.全站模块化操作，静态标签调用，更强扩展性… 千博企业网站系统个人版是一套基于.Net + Access(SQL)建站管理系统软件、不依赖于服务商特定空间、不需安装任何空间商组</p>
</div>
<a href="/xiazai/code/9921" title="千博企业网站管理系统个人SQL版20120128" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div>
<div style="background:#98bf21;height:100px;width:100px;position:absolute;">
</div>
</body>
</html>以上就是JavaScript强化教程――jQuery动画的内容，更多相关内容请关注PHP中文网（www.php.cn）！
