Question

我正在尝试动画高度属性，当悬停时，但我无法让它工作。我在悬停时进入悬停功能，但它不会为高度设置动画。

if (!Modernizr.csstransitions) { // Test if CSS transitions are supported
if ($('#belt figure').length) {
    $('#belt figure figcaption').hover(function () {
        $(this).animate({ height: '7em;' }, { queue: false, duration: 500 });
    }, function () {
        $(this).animate({ height: '3.8em;' }, { queue: false, duration: 500 });
    });
}

}

Answer 1

这是我的示例的HTML代码

<div id="block" style='border:1px solid green;height:50px;width:100px;background-color:#bca;'>Hello!</div>

这个动画div高度的jquery：

$("#block").hover(function(){
  $(this).animate({
    height: "100px"       

  }, 500);

},function(){
    $(this).animate({height: "50px"
  }, 500);
});

您还可以在以下链接http://jsfiddle.net/jzRPa/29/

中看到此示例

Answer 2

你试过吗

$('#belt figure figcaption').hover(function () {
    $(this).animate({ height: '7em' }, { queue: false, duration: 500 });
}, function () {
    $(this).animate({ height: '3.8em' }, { queue: false, duration: 500 });
});

没有;

jquery animate，无法让它工作

2 个答案: