在使用animate函数的JQuery中，如何将文本加粗、更改颜色并使其变大

Question

在这段代码中，我成功地将文本向左移动了250px，但我不知道如何将文本加粗、放大或更改颜色，我还需要一个特殊的颜色更改插件吗？任何帮助都将不胜感激，谢谢！

    $(document).ready(function(){
      $("#animate").click(function(){
        $("#green_box").animate({
          left: '250px',
       });
      });
    });

Answer 1

考虑替代方案：

$(function(){
  $("#animate").click(function(){
    $("#green_box").animate({
      left: '250px',
      fontSize: '16px'
     }, 2000, function(){
       $(this).css({
         "font-weight": "bold",
         color: "green"
       });
     });
   });
});

这将为移动设置动画，一旦完成(2秒后(，文本将被更改。就我个人而言，我只是简单地更改或添加一个Class到元素中。通过这种方式，您可以为CSS分配一个类名。

如果您想使用Jquery UI，那么您可以设置更多元素的动画。查看更多信息：https://jqueryui.com/animate/

$(function(){
  $("#animate").click(function(){
    $("#green_box").animate({
      left: '250px',
      fontSize: '16px',
      color: 'green'
     }, 2000);
   });
});