javascript - jQuery - 悬停动画

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);
    });

你可以使用任何属性而不是 left