如何在mouseenter上设置font-size的动画效果

时间:2013-11-03 12:00:15

标签: javascript jquery jquery-animate

我在元素mouseenter上设置了动画字体大小的问题:

demo fiddle

HTML

<p>Hello!</p>

的Javascript

$(document).ready(function () {
("p").mouseenter(function () {
    ("p").animate({
        "font-size": "50px"
    });
});

3 个答案:

答案 0 :(得分:7)

("p")应为$("p")
你错过了});
而你没有使用jQuery库

$(document).ready(function () {
    $("p").mouseenter(function () {
        $(this).animate({"font-size": "50px"});
    });
});

Fiddle DEMO

写一个更好的方法是:

jQuery(function($) {  // DOM ready shorthand

    $("p").mouseenter(function() {
        $(this).animate({ fontSize : 50 });
    });

});

请记住始终保持对目标对象元素$(this)的引用,以获得所需的结果。

答案 1 :(得分:2)

您必须在代码中使用$ sign 试试这段代码。 我测试了。

 $(document).ready(function () {
            $("p").mouseenter(function () {
                $(this).animate({
                    "font-size": "50px"
                });
            });
        });

答案 2 :(得分:0)

你错过了});和$ sign,以及你小提琴中的jQuery库。

<强> http://jsfiddle.net/qjUc5/5/

$(document).ready(function(){
  $("p").click(function(){
    $(this).animate({fontSize:"30px"});
  });
});