★★★求教一个简单的网页问题★★★

来源：百度知道 编辑：UC知道 时间：2024/05/24 18:45:59
我想练习一下CSS和JAVASCRIPT
实现类似163邮箱通讯录或者http://bt2.btchina.net这样的效果，即怎么才能选上某条记录后那条记录变颜色，且鼠标移过时也会变色呢？
我已经写了一部分了，望高手帮忙补全，万分感谢~

<html>
<head>
<title>CSS效果实例</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type=text/css>
<!--
BODY {
FONT-SIZE: 10pt;
}
body,td,th {
color: #000000;
font-size:12px;
}
INPUT { COLOR: #ff0000; FONT-FAMILY: Verdana,Tahoma, sans-serif; FONT-SIZE: 9pt }
.check{color:#0066FF}
.check2{color:#EDF3F9}
.check3{color:#000000}
.title {font-size: 18px; font-weight: bold; }
-->
</style>

<SCRIPT language=JAVASCRIPT>

</SCRIPT>

</head>
</head>

<body>

<table width=90% border="1" alig

<html>
<head>
<title>CSS效果实例</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type=text/css>
<!--
BODY {
FONT-SIZE: 10pt;
}

INPUT { COLOR: #ff0000; FONT-FAMILY: Verdana,Tahoma, sans-serif; FONT-SIZE: 9pt }
.check{color:#0066FF;background-color:#abcdef;}
.check2{color:#EDF3F9;background-color:#123456;}
.check3{color:#eeeeee;background-color:#ccCCCC;}
.title {font-size: 18px; font-weight: bold; }
-->
</style>

</head>
</head>

<body>

<table width=90% border="1" align="center" bordercolor="#66CCCC">
<caption>
<span class="title">通讯录
</span>
</caption>
<tr>
<th width="7%" > </th>
<th width=&quo