jquery调整图片大小

$(document).ready(function() {
    $('img').css({
        'width': '200px',
        'height': '150px'
    });
});

$(document).ready(function() {
    $('img').click(function() {
        $(this).animate({
            'width': '300px',
            'height': '225px'
        }, 1000);
    });
});

$(window).resize(function() {
    if ($(window).width() < 600) {
        $('img').css({
            'width': '100%',
            'height': 'auto'
        });
    } else {
        $('img').css({
            'width': '200px',
            'height': '150px'
        });
    }
});

$(document).ready(function() {
    $('img').css({
        'max-width': '100%',
        'height': 'auto'
    });
});

/* CSS3 动画 */
img {
    transition: width 1s, height 1s;
}

img:hover {
    width: 300px;
    height: 225px;
}