本文通过一个简单的HTML页面示例，介绍了如何利用jQuery库来实现元素尺寸变化的动画效果，并详细展示了具体的JavaScript代码及如何设置动画完成后的回调函数。
animate(参数列表，执行时间，回调函数)
<!doctype html>
<html><head>
<meta charset="utf-8">
<title>无标题文档</title>
<script src="jquery.js"></script>
<style type="text/css">
#div1{
width:200px;
height:200px;
background-color:#CF9;
}
</style>
</head>
<body>
<div id="div1"></div>
<button id="clc">点击我</button>
</body>
<script>
$(function(){
$("#clc").bind("click",function(){
$("#div1").animate(
{width:"300px",
height:"300px"},3000,function(){
$("#clc").html("执行完毕");
});
});
});
</script>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
