名为"sopanha"的StackOverflow用户表示,这可以用于获取页面上的更改背景.如何调整以应用盒子的背景？
谢谢.
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
$(document).ready(function(){
var header = $('body');
var backgrounds = new Array(
'url(http://placekitten.com/100)'
, 'url(http://placekitten.com/200)'
, 'url(http://placekitten.com/300)'
, 'url(http://placekitten.com/400)'
);
var current = 0;
function nextBackground() {
current++;
current = current % backgrounds.length;
header.css('background-image', backgrounds[current]);
}
setInterval(nextBackground, 1000);
header.css('background-image', backgrounds[0]);
});
</script>
</head>
<body>
<header></header>
</body>
</html>
小智 5
你必须用你的盒子替换这一行:
var header = $('body');
body指的是HTML中的Tag.您可以使用所有框(读取:<div>)或具有前面标签的特定框ID替换它.
var header = $('#id_of_my_box');
相应的HTML代码
<div id="id_of_my_box">My background changes</div>