发布网友 发布时间:2022-04-22 19:43
共1个回答
热心网友 时间:2023-10-02 01:53
<button id="one">提交</button>
<p id="test">按钮按下后开始动画动作。</p>
</body>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("button#one").click(function(){
//test元素的系列动作
$("#test")
.animate({width:'30px'})//宽增加30px
.animate({height:30},1000)//在1秒之内将高增加30px
.animate({opacity:0.5})//将不透明度变为0.5
.animate({width:300},2000)//在2秒内将宽度增加300px
.animate({height:30},//高度增加300px
function(){
//动作结束后,显示文字
$(this).html("动画结束");