Question

名为“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>

Answer 1

你必须用你的盒子替换这一行：

var header = $('body');

body指HTML中的Tag。您可以使用所有方框（读取：＆lt; div＆gt;）或具有前面标签的特定方框ID替换它。

var header = $('#id_of_my_box');

对应的HTML代码

<div id="id_of_my_box">My background changes</div>

如何根据盒子的背景调整此代码？

1 个答案: