📄 2-5.html

📁 JavaScript经典实例教程代码
💻 HTML
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<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>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -