js更换body背景
我一个网站的导航，代码如下：<liid=1></li><liid=2></li><liid=3></li><liid=4></li>把鼠标放在ID=1上会自动变换背景，就...
我一个网站的导航，代码如下：
<li id=1></li>
<li id=2></li>
<li id=3></li>
<li id=4></li>
把鼠标放在ID=1上会自动变换背景，就是放在不同的ID上，就显示不同的网站背景图片。 展开
<li id=1></li>
<li id=2></li>
<li id=3></li>
<li id=4></li>
把鼠标放在ID=1上会自动变换背景，就是放在不同的ID上，就显示不同的网站背景图片。 展开
4个回答
展开全部
<li id=1 onmouseover="CG.change('#ccc')"></li>
<li id=2 onmouseover="CG.change('#ddd')"></li>
<li id=3 onmouseover="CG.change('#eee')"></li>
<li id=4 onmouseover="CG.change('#bbb')"></li>
var CG={
change:function(val){
document.body.style.backgroundColor=val;
}
}
<li id=2 onmouseover="CG.change('#ddd')"></li>
<li id=3 onmouseover="CG.change('#eee')"></li>
<li id=4 onmouseover="CG.change('#bbb')"></li>
var CG={
change:function(val){
document.body.style.backgroundColor=val;
}
}
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>表格隔行变色</title>
<script type="text/javascript">
function xlh(){
var tbl = document.getElementById("tbl");
var rows = tbl.rows.length;
for(var i=0;i<rows;i++){
if(i%2 == 0){
tbl.rows[i].style.backgroundColor = "#cccccc";
}
}
}
</script>
</head>
<body onload="xlh()">
《易玩稀有》www.ewceo.com收集整理：
<table id="tbl" width="600" border="0" cellspacing="0">
<tr>
<td>?</td>
</tr>
<tr>
<td>?</td>
</tr>
<tr>
<td>?</td>
</tr>
<tr>
<td>?</td>
</tr>
<tr>
<td>?</td>
</tr>
<tr>
<td>?</td>
</tr>
<tr>
<td>?</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>表格隔行变色</title>
<script type="text/javascript">
function xlh(){
var tbl = document.getElementById("tbl");
var rows = tbl.rows.length;
for(var i=0;i<rows;i++){
if(i%2 == 0){
tbl.rows[i].style.backgroundColor = "#cccccc";
}
}
}
</script>
</head>
<body onload="xlh()">
《易玩稀有》www.ewceo.com收集整理：
<table id="tbl" width="600" border="0" cellspacing="0">
<tr>
<td>?</td>
</tr>
<tr>
<td>?</td>
</tr>
<tr>
<td>?</td>
</tr>
<tr>
<td>?</td>
</tr>
<tr>
<td>?</td>
</tr>
<tr>
<td>?</td>
</tr>
<tr>
<td>?</td>
</tr>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
每一个li 设置一个onmouseover 事件，事件里面写一个switch，判断id是什么，对应改
document.bgColor
就可以了
document.bgColor
就可以了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(".body").css( "background", "颜色" );
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
