JAVASCRIPT怎么改变层的背景图象？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JAVASCRIPT怎么改变层的背景图象？相关的知识，希望对你有一定的参考价值。
javascript怎么改变层的背景图象？
这就有改变背景的代码PS:back49.gif 是图片。你随便把有一个GIF的图片改称这个名字就行了
<html>
<head>
<title>style 对象应用</title>
</head>
<script language="JavaScript">
function changeTablePro()
MTB.style.borderLeft="solid red 2px";
MTB.style.borderRight="solid red 2px";
MTD1.style.borderLeft="solid blue 2px";
MTD1.style.borderRight="solid blue 2px";
MTD2.style.borderLeft="solid blue 2px";
MTD2.style.borderRight="solid blue 2px";
MTD3.style.borderLeft="solid blue 2px";
MTD3.style.borderRight="solid blue 2px";
MTD4.style.borderLeft="solid blue 2px";
MTD4.style.borderRight="solid blue 2px";
function resetTablePro()
MTB.style.borderLeft="solid blue 1px";
MTB.style.borderRight="solid blue 1px";
MTD1.style.borderLeft="solid red 1px";
MTD1.style.borderRight="solid red 1px";
MTD2.style.borderLeft="solid red 1px";
MTD2.style.borderRight="solid red 1px";
MTD3.style.borderLeft="solid red 1px";
MTD3.style.borderRight="solid red 1px";
MTD4.style.borderLeft="solid red 1px";
MTD4.style.borderRight="solid red 1px";
</script>
<body id="BD" style="background:url(back49.gif) repeat fixed;">
<p>
<br>
<pre>
这里是关于style对象的应用实例，我们将通过<br>
对style对象的应用来改变页面的背景属性。<br>
</pre>
<form>
<input type="button" value="背景图像滚动" onclick="JavaScript:BD.style.backgroundAttachment='scroll'">
<input type="button" value="背景图像静止" onclick="JavaScript:BD.style.backgroundAttachment='fixed'">
<p>
<input type="button" value="清除背景图像" onclick="JavaScript:BD.style.backgroundImage=''">
<input type="button" value="添加背景图像" onclick="JavaScript:BD.style.backgroundImage='url(back49.gif)'">
<p>
<input type="button" value=" 还 原 背 景 初 始 设 置" onclick="JavaScript:BD.style.background='url(back49.gif) repeat fixed'">
<p>
<input type="button" value="改变表格边框属性" onclick="changeTablePro()">
<p>
<input type="button" value="还原表格初始设置" onclick="resetTablePro()">
</form>
<p>
<table id="MTB" style="border-left:solid blue 1px;border-right:dotted blue 1px;">
<tr>
<td id="MTD1" style="border-left:solid red 1px;border-right:solid red 1px;padding:10px;spacing:10px">
<pre>
晚泊浔阳望庐山
孟浩然
挂席几千里，名山都未逢。
泊舟浔阳郭，始见香炉峰。
尝读远公传，永怀尘外踪。
东林精舍近，日暮空闻钟。
</pre>
</td>
<td id="MTD2" style="border-left:solid red 1px;border-right:solid red 1px;padding:10px;spacing:10px">
<pre>
题义公禅房
孟浩然
义公习禅寂，结宇依空林。
户外一峰秀，阶前众壑深。
夕阳连雨足，空翠落庭阴。
看取莲花净，方知不染心。
</pre>
</td>
</tr>
<tr>
<td id="MTD3" style="border-left:solid red 1px;border-right:solid red 1px;padding:10px;spacing:10px">
<pre>
过故人庄
孟浩然
故人具鸡黍，邀我至田家。
绿树村边合，表山郭外斜。
开轩面声圃，把酒活桑麻。
待到重阳日，还来就菊花。
</pre>
</td>
<td id="MTD4" style="border-left:solid red 1px;border-right:solid red 1px;padding:10px;spacing:10px">
<pre>
舟中晓望
孟浩然
挂席东南望，表山水国遥。
舳舻争利涉，来往接风潮。
问我今何适？夭台访石桥。
坐看霞色晓，疑是赤城标。
</pre>
</td>
</tr>
</table>
</body>
</html> 参考技术A javascript对CSS操作一般来说，就是直接用 对象+.style.+属性 就可以了。如果有属性有-连接，在JS就转换成骆驼型写法，如background-color改成backgroundColor就可以了，你的这个也一样改。。
有一个特殊情况，就是class。class要改成className。 参考技术B <div id="d"></div>
document.getElementById("d").className="新的css类"
或者直接操作style对象都可以本回答被提问者采纳 参考技术C document.getElementById("divid").style.backgroundImage="url(1.jpg)"
jsp 更改表格某行背景颜色。
我想在鼠标划过的时候改变这行的颜色，但是这么写，只要进入表格一直改变第一行的颜色，怎么回事？
for(int i = 0; i < 5; i++)
%>
<tr align = "center" height = "50" id = "i" onMouseOver = "javascript:changecolor('i')" onMouseOut = "javascript:resetcolor('i')">
<td><a href = <%=rs.getString("site") %>><%=rs.getString("name") %></a></td>
<td><%=rs.getString("addr") %></td>
<td><%=rs.getString("class") %></td>
<td><%=rs.getString("教育部直属") %></td>
<td><%=rs.getString("is985") %></td>
<td><%=rs.getString("is211") %></td>
<td><%=rs.getString("ave_sco") %></td>
<td><%=rs.getString("higsco") %></td>
<td><%=rs.getString("lowsco") %></td>
</tr>
<%
if(!rs.next()) break;
%>
改成以下for(int i = 0; i < 5; i++)
%>
<tr align = "center" height = "50" id = "'"+i+"'" onMouseOver = "javascript:changecolor(this)" onMouseOut = "javascript:resetcolor('i')">
<td><a href = <%=rs.getString("site") %>><%=rs.getString("name") %></a></td>
<td><%=rs.getString("addr") %></td>
<td><%=rs.getString("class") %></td>
<td><%=rs.getString("教育部直属") %></td>
<td><%=rs.getString("is985") %></td>
<td><%=rs.getString("is211") %></td>
<td><%=rs.getString("ave_sco") %></td>
<td><%=rs.getString("higsco") %></td>
<td><%=rs.getString("lowsco") %></td>
</tr>
<%
if(!rs.next()) break;
%>本回答被提问者采纳
以上是关于JAVASCRIPT怎么改变层的背景图象？的主要内容，如果未能解决你的问题，请参考以下文章