Question

我想在点击图像时图像中的宽度方向过渡（图像大小缓慢减少）

<head>
    <script type="text/javascript">
    function movediv(){
        var division = document.getElementById('image');
        division.style.width = "1000px";
        division.style.width ='600px' ;
        division.style.transition ='width  2s';
    }  
</head>
<body> 
    <img src = "generic_sky_wallpaper-1280x800.jpg" id="image" onclick="movediv();">
</body>

Answer 1

这FIDDLE将为我的一位朋友制作动画。

JS

$( ".imagediv" ).click(function(){

  $( "#minion" ).animate({
                          height: 400,
                          width: 300
                          }, 3000,
                         function() {
                                     // complete.
                                     });
                                 });

转换点击图片

1 个答案: