Question

我知道这可能会被重复关闭，但在所有相似的问题中我仍无法找到问题的答案。

我想在鼠标悬停时animate()我页面上的一个元素（通过jQuery，你已经猜到了）。我做的是：

$('blockquote').hover(function() {
    console.log($(this));
    $(this).animate({textSize: '+=10px'}, 500);
}, function() {
    $(this).animate({textSize: '-=10px'}, 500);
});

console.log记录此信息：

[blockquote#daily_quote, context: blockquote#daily_quote, jquery: "1.9.1", constructor: function, init: function, selector: ""…]

hover内的两个函数都被调用，$(this)被记录但没有任何动画。

Answer 1

使用fontSize：

$('blockquote').hover(function() {
    // console.log($(this));
    $(this).animate({fontSize: '+=10px'}, 500);
}, function() {
    $(this).animate({fontSize: '-=10px'}, 500);
});

Answer 2

This may be help you.
$('blockquote').hover(function() {

        $(this).animate({left: '+=10px'}, 700);
    }, function() {
        $(this).animate({left: '-=10px'}, 700);
    });

您可以使用任何属性而不是左侧

jQuery - 悬停时动画

2 个答案: