<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>5-8简单的动画title> <script type="text/javascript" src="../jquery-2.1.4.js"> script> <style type="text/css"> .divFrame{ border:solid 1px #ccc; background-color:#eee; width:60px; height:60px; font-size:13px; padding:5px;} style> <script type="text/javascript"> $(function(){ $(".divFrame").click(function(){ $(this).animate({
width:"20%",
height:"100px" },3000,function(){ $(this).css({"border":"solid 3px #666"}).html("变大了");
})
})
}) script> head> <div class="divFrame">点击变大div> <body> body> html>
[JQ权威指南]简单的动画
关注
打赏
