如何在鼠标输入时对字体大小进行动画处理

How to animate font-size on mouseenter

本文关键字：处理 动画 字体 鼠标 输入      更新时间：2023-09-26

我在元素mouseenter上对字体大小进行动画处理时遇到问题：

演示小提琴

HTML：

<p>Hello!</p>

Javascript：

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

("p")应该$("p")
您缺少});
并且您没有使用 jQuery 库

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

小提琴演示

一个稍微好一点的写法是：

jQuery(function($) {  // DOM ready shorthand
    $("p").mouseenter(function() {
        $(this).animate({ fontSize : 50 });
    });
});

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

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

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

你缺少 }）;和 $ 符号，以及小提琴中的 jQuery 库。

http://jsfiddle.net/qjUc5/5/ 

$(document).ready(function(){
  $("p").click(function(){
    $(this).animate({fontSize:"30px"});
  });
});
相关文章：