jQuery悬停问题

问题描述

| 在我的网站上，我有一个带有图像网格的页面。我想要的是将图像悬停在上方时图像会下滑得更大，因此图像变长但不会移动。如果这样的话。 我有以下代码，该代码不起作用/不执行任何操作：

<script type=\"text/javascript\">
    $(\".piece\").hover(function () {
        $(this).slideDown(1000,function () {
            $(this).css(\"height\",\"250px\");
        });
    });
</script>

希望这个问题有意义。任何帮助是极大的赞赏。     

解决方法

我认为您想使用动画功能：

$(\".piece\").hover(
    function () {
        $(this).animate({
            height: \'250\'
        },1000);
    },function() {
        $(this).animate({
            height: \'100\'
        },1000);
    }
);

JSFiddle示例