9.1.2.htm

来自「一部非常好的javaScript教程」· HTM 代码 · 共 32 行

HTM
32
字号
<html>
<head>
<title>Untitled Document</title>
<LINK REL ="stylesheet" TYPE = "text/css" HREF = ".../contents.css">

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body bgcolor="#FFFFFF">
<h2 align="center">示例</h2>
<p>本小节使用三个示例来说明 style 对象的用法。在这三个示例中,都动态地更改了对象的样式,因此反映了基本的 DHTML 特性。</p>
<p>
1. 示例 1<p>
本示例实现了动态更改文字颜色和鼠标指针形状的效果。
<p><a href="../src/tu9.1.htm" target="_blank">示例 </a>
<p>本示例的效果为:当用户将鼠标指针移动到文字上时,指针变为&quot;手&quot;形,如果单击文字,则文字变为红色;再次单击则文字恢复为黑色。
<p>
2. 示例 2<p>
  本示例显示出一个动态时钟,并根据当前时间动态设置格式。
<p><a href="../src/tu9.2.htm" target="_blank">示例 </a>
<p>本示例的显示效果当前时间在 0~7 点之间,则时间显示为红色。
<p>
3. 示例 3<p>
  本示例通过动态更改 H1 标记符的内容和样式,获得了一种动态变换的广告效果。
<p><a href="../src/tu9.3.htm" target="_blank">示例</a> 
<p>这段代码的效果是:每隔一秒钟,在 H1 标记符中随机显示文字并采用一定的样式。
<p>
  注意:在这个示例中,用到了另外一种常用的引用 HTML 元素对象的方法,即直接使用 id 属性(而不是使用 all.item() 方法)。在 HTML 
  标记符中指定了 id 属性之后,就可以用 document.all.idName 或直接用 idName 来访问该元素对象,这是因为 id 代表了对象在文档中的唯一标识。</p>
</body>
</html>

⌨️ 快捷键说明

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