如果是有限的背景色切换，那把这些颜色放在一个数组里面，一秒切换一次
1234567
var arrColor=['green','red','blue']var i=0setInterval(function(){obj.style.backgroundColor=arrColor[i] if(i==arrColor.length-1) i=0 i++},1000)
如果是随机变颜色，我这里写了一个随机颜色的方法
12345678910
function randomColor() {var Str=['0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f']var color="#"for(var i=0i<6i++){var index=Math.ceil(Math.random()*Str.length)color+=Str[index]}return color}
你可以参考一下
以下就是代码，具体的应用页面可以参考：http://cn.companylist.biz/chinese-exports/ac6051674275d15c7a76fe1c54805997.html
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/htmlcharset=utf-8″ />
<title>无标题文档</title>
<script language=”JavaScript” type=”text/JavaScript”>
<!–
function showhidediv(id){
var age=document.getElementById(“msg_2″)
var name=document.getElementById(“msg_1″)
if (id == ‘name’) {
if (name.style.display==’none’) {
age.style.display=’none’
name.style.display=’block’
}
} else {
if (age.style.display==’none’) {
name.style.display=’none’
age.style.display=’block’
}
}
}
–>
</script>
</head>
<body>
<div id=”msg_1″ style=”display:blockfloat:left” onclick=’showhidediv(“age”)’>
<span id=”photoTitle” >[Read More]北京静音宝声学材料有限公司成立于2006年，是一家专注于声学材料111</span></div>
<div id=”msg_2″ style=”display:nonefloat:left” >
稍等上代码！
你好我写的例子是用jquery来写的，引用的网上的地址，你可以直接用。
<!DOCTYPE html><html>
<head>
<meta charset='utf-8' />
<title>JS Bin</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<style>
.box1{
width: 698px
height: 258px
border: 1px solid #ccc
background: url(http://www.snowinmay.net/6rooms/html/img/gsh/gsh_banner3.jpg) no-repeat
}
.changeBg{
background: url(http://www.snowinmay.net/6rooms/html/img/gsh/gsh_banner1.jpg) no-repeat
}
</style>
</head>
<body>
<div class="box1">
</div>
<script>
$(function(){
$('.box1').toggle(function() {
$(this).addClass('changeBg')
}, function() {
$(this).removeClass('changeBg')
})
})
</script>
</body>
</html>
希望能帮你，有问题可以追问！
