Question

所以这是我的app.js

$(document).ready(function() {
var cnt=0, bg;
var $body = $('body');
var arr = ['http://www.writerscentre.com.au/wp-content/uploads/2013/12/Writing-Picture-Books-grid.jpg','bg2.jpg','bg3.jpg','bg4.jpg','bg5.jpg','bg6.jpg'];
var anim;
var bgrotater = setInterval(function() {
    if (cnt==5) cnt=0;
    bg = 'url("' + arr[cnt] + '")';
    cnt++;
    $body.css('background-image', bg);
   /* $body.animate({
        background-image = bg;
    },200)
    */

}, 1000);


 });

$ body.css工作正常，但我可以使用.animate（）

Answer 1

animate接受一个对象，但您正在定义一个变量。

同样由于破折号，你需要在属性键周围引用。

background-image = bg;

应该是

"background-image": bg

背景图片不会淡入淡出，但需要做更多的事情，动画opacity会淡化和淡出元素而不是背景。

有一个插件可能会帮助您做您想看到的内容：Vegas Background

使用jQuery .animate（）而不是.css（）

1 个答案: