这是 jsfiddle:http://jsfiddle.net/k57VE/1/
$(document).ready(function(){
var images = [ "http://i.imgur.com/X2G0MEL.jpg", "http://i.imgur.com/5XMcoCX.jpg", "http://i.imgur.com/CTFvvcf.jpg"];
var currentImage = 0;
function changeBackground() {
$( '#splash' ).css( { background-image: 'url(' + images[ ++currentImage ] + ')' } );
if ( currentImage >= images.length - 1 ) {
currentImage -= images.length;
}
}
setInterval( changeBackground, 3000 );
});
});
我试图让背景每 3 秒更改一次。我已设置更改 css,但我不知道自己做错了什么。
最佳答案
查看您自己的 Fiddle 链接时检查您的开发人员控制台,您会发现
Uncaught SyntaxError: Unexpected token -
.css({ background-image: ...
是一个语法错误。您需要引用您的属性名称,因为文字属性名称不能包含连字符。
$('#splash').css({ "background-image": 'url(' + images[++currentImage] + ')' });
您的代码末尾还有一个额外的 })
,这是另一个语法错误。
关于jquery - 希望背景每 3 秒更改一次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24747034/