我有下面的 html,我希望自动循环浏览它。它目前是通过点击手动完成的。但是我怎样才能让它循环呢?它基本上只是像这样更改包装器 div 上的类名:
<body>
<div id="client-relations-bg" class="background_tab1">
...content...
</div>
</body>
我这里有类图像信息,在头部:
<style type="text/css">
#client-relations-bg.background_tab1{background: url('/media/2/background-image-1.png') no-repeat center top;}
#client-relations-bg.background_tab2{background: url('/media/32/background-image-6.jpg') no-repeat center top;}
#client-relations-bg.background_tab3{background: url('/media/17/background-image-3.jpg') no-repeat center top;}
#client-relations-bg.background_tab4{background: url('/media/12/background-image-2.png') no-repeat center top;}
#client-relations-bg.background_tab5{background: url('/media/22/background-image-4.jpg') no-repeat center top;}
#client-relations-bg.background_tab6{background: url('/media/37/background-image-7.jpg') no-repeat center top;}
#client-relations-bg.background_tab7{background: url('/media/2900/Header_image.jpg') no-repeat center top;}
</style>
所以我需要这个:class="background_tab1"
从 tab1
循环到 tab7
。
最佳答案
其实你不需要使用jQuery
(function(){
var interval = 1000;
var currentBackgroundId = 1;
window.setInterval(function(){
currentBackgroundId++;
if (currentBackgroundId == 8) currentBackgroundId = 1;
var element = document.getElementById('client-relations-bg');
element.className = 'background_tab' + currentBackgroundId;
}, interval);
})();
关于javascript - 循环上课,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13721954/