jQuery动画与放大＆amp;缩小

Question

我想在页面加载时自动使用jQuery为徽标设置动画。首先，图像需要缩小然后放大，然后变为不同的图像。如何使用jQuery执行此操作？请帮我。这是我的代码：

＆＃13;

＆＃13;

$(document).ready(function() {
			
			$( "#minion" ).animate({
				height: '50%',
				width: '50%'
			}, 3000,
			function() {
				$( "#minion" ).animate({
					opacity: 0.5
				}, 1000,
				function() {
					$("#logo").html( $(".hiddendiv img, .hiddendiv div").clone() );
				});
			});

		});

＆＃13;

.hiddendiv {
    display: none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="logo">
  <img id="minion" src="images/logo.png" />
</div>
            <div class="hiddendiv">
                <img src='images/logo-small.png' />
                <div>complete transformation</div>
            </div>

＆＃13;

＆＃13;

＆＃13;

由于

Answer 1

你可以用这个小提琴jsfiddle.net/d7UjD/9

做点什么

<img id="zoomimg" src="http://www.google.com/images/srpr/logo3w.png"
width="144" height="48" border="0" />
$(document).ready(function(){
  $('#zoomimg').css("cursor","pointer");
  $('#zoomimg').animate({width: "50%", height: "50%"}, 'slow');

  setTimeout(function() {
    $('#zoomimg').animate({width: "28%"}, 'slow');
  }, 1000 ); 
});