带放大和缩小的jQuery动画

我想在页面加载时自动使用jQuery动画标志。首先，图像需要缩小，然后放大，然后变成不同的图像。如何用jQuery做到这一点？请帮帮我。这里是我的代码：带放大和缩小的jQuery动画

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

 
\t \t });

.hiddendiv { 
 
    display: none; 
 
}

<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>

感谢

来源

2015-08-09 Aruna Jithin

我已经试过这样。 $（文件）。就绪（函数（）{。 \t \t $（ “＃标志IMG”）动画（{宽度： “50％”，高度： “50％”}， '慢'）; \t \t} ）; –

我也试过这个。但添加此代码后，图像未显示。 $（ “＃标志IMG”）切换（函数（）{ \t \t \t \t $（本）.animate（{宽度： “50％”}， '慢'）; \t \t \t}。，（）的函数{ \t \t \t \t $（本）.animate（{宽度： “20％”}， '慢'）; \t \t \t}）; –

可能会帮助你http://jsfiddle.net/d7UjD/9/ – django

你可以这样做与此琴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); 
});

来源

2015-08-09 09:58:22 django

谢谢。这在一定程度上帮助了我。 –

带放大和缩小的jQuery动画

回答

相关问题