<script type="text/javascript">
function changeColor(table, color, background, wordcolor){
var t=document.getElementById(table).getElementsByTagName("td");
for(var i=0;i<t.length;i++){
t[i].style.backgroundColor=color;
t[i].onmouseover=function(){
if(this.x!="1") {
this.style.backgroundColor=background;
this.style.color= wordcolor;
}
}
t[i].onmouseout=function(){
if(this.x!="1") {
this.style.backgroundColor=color;
this.style.color= "#000000";
}
}
}
}
</script>
<style type="text/css">
body{width:90%; font:13px "宋体", Arial, Helvetica, sans-serif; color:#333;}
.areaList{
border:1px #000 solid;
border-left:none;
border-bottom:none;
}
.areaList td{
border-left:1px #000 solid;
border-bottom:1px #000 solid;
height:35px;
text-align:center;
}
a {text-decoration: none;color: #000000;}
a:HOVER {color: #A91709;}
</style>
<body topmargin="0" leftmargin="0">
<div style="background-color:#FFFFFF;">
<table class="areaList" id="areaList" border="0" cellspacing="0" cellpadding="0" width="650px" align="center">
<tr>
<td><a href="#" target="_blank">北京市</a></td>
<td><a href="#" target="_blank">天津市</a></td>
<td><a href="#" target="_blank">上海市</a></td>
<td><a href="#" target="_blank">重庆市</a></td>
<td><a href="#" target="_blank">直辖市</a></td>
</tr>
<tr>
<td><a href="#" target="_blank">山东省</a></td>
<td><a href="#" target="_blank">湖北省</a></td>
<td><a href="#" target="_blank">浙江省</a></td>
<td><a href="#" target="_blank">福建省</a></td>
<td><a href="#" target="_blank">广东省</a></td>
</table>
</div>
<script type="text/javascript">
changeColor("areaList", "#FFF", "#9CCFFF", "#A91709");
</script>
</body>
分享到：
相关推荐
GIF_OCX.zip<br>包括agif11、agif11a、agif11b、anigif四个32位OCX控件和CRACK文件，可用于在应用程序中添加动画GIF对象，十分漂亮、重点推荐(943KB)<END><br>101,MSGBLAST.zip<br>WareWithAll公司出品的控件产品...
在Web开发中，使用HTML、CSS和JavaScript实现一个可变颜色的代码云（或标签云）是一种常见的可视化技术¹²。代码云以不同大小和颜色的标签形式展示数据，以反映其相对重要性或频率¹²。 首先，我们需要创建一个...
<li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> </ul> </aside> ``` ##### 11. `<audio>` - **用途**：定义音频内容。 - **属性**： - `autoplay`：自动播放音频。 - `controls`：显示...
2. **`<font>`**：虽然不推荐使用，但 `<font>` 标签可以用来更改文本的字体、大小和颜色。 - **示例**： ```html <font size="4" color="#ff0000">红色文本</font> ``` 3. **`<small>`**：使文本变小。 - **...
2. 表单元素如<form>定义表单，<input>用于用户输入，type属性可设置输入类型，如text、password、checkbox、radio等。 3. <label>与<input>关联，提供更友好的交互。 4. <button>创建按钮，<select>定义下拉菜单，...
- **`<big>`** 和 **`<small>`**：分别使文本变大或变小，同样建议使用CSS控制文本大小。 - **`<strike>`**：穿过文本，表示删除线。 - **`<code>`**、**`<kbd>`**、**`<samp>`** 和 **`<var>`**：分别用于表示代码...
2. `<a>`: 创建超链接，可以链接到其他网页、文件、邮件地址等。属性`href`用于设定链接的目标地址。 3. `<acronym>`: 用于表示缩写词，现在已经很少使用，一般用`<abbr>`替代。 4. `<address>`: 用于显示联系信息...
- `<p>`：段落标签，可设置对齐方式和高度。 #### 三、特殊标签 - `<isindex>`：创建一个单行文本输入框，用于收集用户输入，常用于搜索表单。 - `<base>`：定义文档的基础URL，用于相对URL的解析。 - `<hr>`：...
- `<h1>`到`<h6>`：表示不同级别的标题，通常用于组织页面结构，级别从大到小，样式也逐渐变小。 - `<div>`：用于创建一个块级元素，常用于布局和组合其他元素。 - `<align>`属性（已废弃）：在旧版本HTML中用于...
例如，`<a>`标签的`href`属性定义了链接的目标地址，`<img>`标签的`src`属性指定了图片的路径。属性通常以键值对的形式出现，如`target="_blank"`可以使链接在新窗口打开。 4. **文本格式化** HTML提供了一些标签...
* `<A>`：连结标记，加入连结。 * `<BASE>`：基准标记， 可将相对 URL 转绝对及指定连结目标。 框架标记 * `<FRAMESET>`：框架设定，设定框架。 * `<FRAME>`：框窗，设定框窗。 * `<IFRAME>`：页内框架，于网页...
同时，`<audio>` 和 `<video>` 元素使得在网页中内嵌音频和视频变得更加简单，无需依赖Flash等第三方插件。 HTML文档的基本结构通常包括以下几个部分： 1. `<!DOCTYPE>` 声明：告知浏览器文档使用的HTML版本。 2. `...
此外，<a>标签还可以实现锚点链接，使得在同一页面内跳转变得可能。 表格是组织复杂数据的有效工具，HTML的<table>、<tr>（行）、<th>（表头）和<td>（单元格）标签可以帮助你创建功能齐全的表格。同时，表单元素...
例如，`<a>`标签的`href`属性指定链接的目标地址，`target`属性决定链接是在当前窗口打开还是新窗口打开。 4. 块级元素与行内元素：HTML元素分为块级元素（如`<div>`、`<p>`、`<h1>`）和行内元素（如`<span>`、`<a>...
- `<BIG>` 和 `<SMALL>`：分别使文本变大或变小。 #### 四、与外观相关的标记 **1. 样式控制** - `<B>`：使文本加粗。 - `<I>`：使文本倾斜。 - `<U>`：为文本添加下划线。 - `<S>`：为文本添加删除线。 - `...
链接使用`<a>`标签，图像使用`<img>`标签，列表则分为有序列表`<ol>`和无序列表`<ul>`，以及它们的子标签`<li>`。表格由`<table>`、`<tr>`（行）、`<th>`（表头）和`<td>`（单元格）组成。此外，还有用于创建段落、...
2. 编写changeCss函数，该函数遍历所有a标签，将它们的颜色设置为原始颜色，然后将被点击的a标签的颜色设置为突出显示的颜色。 ```javascript <script> function changeCss(obj) { var alist = document....