Question

我正在尝试使用jquery的jquery animate函数来更改正文的背景。我想做的是用动画随机改变背景颜色。这是我的代码

 $(document).ready(function() {
  $.ajaxSetup({ cache: false });
 $.getJSON("https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&callback=", function(a) {
  $("#text").append(a[0].content + "<p>— " + a[0].title + "</p>")});
});

var myarray = ['#FFC300','#FF5733','#C70039','#B5FF33',
 '#22D697','#72EEC3'];

  $("#button1").click(function(){
    $('#text').empty();
     var rand = myarray[Math.floor(Math.random() * myarray.length)];
     $("body").animate({background:rand},1000);
    $.getJSON("https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&callback=", function(a) {
  $("#text").append(a[0].content + "<p>— " + a[0].title + "</p>")
});

   });

我为改变背景颜色而编写的这行是

$("body").animate({background:rand},1000);

此行未按预期工作。但如果我用

改变这一行

$("body").css("background",rand);

它正在发挥作用。我们可以一起使用jquery的animate和CSS属性吗？这是完整的代码 https://codepen.io/durgeshtanwar/full/MpvMZg/ codepen link of this program 点击获取新报价以查看我所指的效果。

使用jquery的animate（）方法更改背景颜色

0 个答案: