jquery怎样实现动画的缩小？
<html><head><scriptsrc='js/jquery.min.js'></script><script>$(document).ready(function...
<html>
<head>
<script src='js/jquery.min.js'></script>
<script>
$(document).ready(function(){
function fun1(){
$("#image_ul img").click(function(){
$(this).animate({height:'500px'});
});
};
fun1();
});
</script>
<style>
#image_ul {
list-style-type:none;
}
#image_ul img{
height:200px;
}
</style>
</head>
<body>
<div id='main'>
<ul id='image_ul'>
<li><img src='images/images.jpg'></img></li>
</ul>
</div>
</body>
</html>
当我单击图片的时候，图片会放大；
如果图片的高度是500px,当我单击图片的时候，图片再缩小，怎么做到呢？ 展开
<head>
<script src='js/jquery.min.js'></script>
<script>
$(document).ready(function(){
function fun1(){
$("#image_ul img").click(function(){
$(this).animate({height:'500px'});
});
};
fun1();
});
</script>
<style>
#image_ul {
list-style-type:none;
}
#image_ul img{
height:200px;
}
</style>
</head>
<body>
<div id='main'>
<ul id='image_ul'>
<li><img src='images/images.jpg'></img></li>
</ul>
</div>
</body>
</html>
当我单击图片的时候，图片会放大；
如果图片的高度是500px,当我单击图片的时候，图片再缩小，怎么做到呢？ 展开
5个回答
展开全部
jQuery animate() - 操作多个属性。注意，生成动画的过程中可同时使用多个属性。
jQuery animate() - 使用相对值。也可以定义相对值（该值相对于元素的当前值）。需要在值的前面加上-=。
jQuery animate() - 使用预定义的值。把属性的动画值设置为 "show"、"hide" 或 "toggle"即可。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("#image_ul img").toggle(function(){
$(this).animate({height:'500px'});
},function(){
$(this).animate({height:'200px'});
}
);点一下高度变500 再点一下又变200
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(this).animate({height:'-=500px'});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
一瞥不够
的可行
的可行
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
下个jquery ui的插件
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
