jquery怎样实现动画的缩小？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery怎样实现动画的缩小？相关的知识，希望对你有一定的参考价值。
<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,当我单击图片的时候，图片再缩小，怎么做到呢？
jQuery animate() - 操作多个属性。注意，生成动画的过程中可同时使用多个属性。
jQuery animate() - 使用相对值。也可以定义相对值（该值相对于元素的当前值）。需要在值的前面加上-=。
jQuery animate() - 使用预定义的值。把属性的动画值设置为 "show"、"hide" 或 "toggle"即可。
$(this).animate(height:'500px');
,function()
$(this).animate(height:'200px');
);
点一下高度变500 再点一下又变200
本回答被提问者采纳 参考技术B $(this).animate(height:'-=500px'); 参考技术C 一瞥不够的可行 参考技术D 下个jquery ui的插件
我怎样才能做到这一点？ - 动画报价 - JQuery
【中文标题】我怎样才能做到这一点？ - 动画报价 - JQuery【英文标题】：How can I do this? - Animate Quote's - JQuery 【发布时间】：2012-02-16 03:44:10 【问题描述】：请看这张图片：
我需要这样的东西，它会显示报价逐渐相互叠加。我不想使用 flash，我想让客户端更新尽可能容易。有人有什么建议吗？
【问题讨论】：
【参考方案1】：我建议使用 jquery animate，http://api.jquery.com/animate/ 或只是淡入淡出，http://api.jquery.com/fadeIn/
根据需要旋转引号，使用z-index 将它们放在彼此之上（不要忘记添加position: relative 或position: absolute），然后隐藏它们。
Css3 旋转示例：
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
如果您需要使其适用于不支持 css3 的浏览器，您可以在 PS 中旋转透明的 .png:s。
关于一个一个地淡化引号我会做这样的事情：
$(".quotecontainer img").each(function(index)
$(this).delay(400*index).fadeIn(300);
);
【讨论】：
以上是关于jquery怎样实现动画的缩小？的主要内容，如果未能解决你的问题，请参考以下文章
Android 实现布局的缩小和再放大动画(使用scale动画效果进行实现)