<html xmlns=" http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>锚标记测试</title>
<script language="JavaScript" type="text/JavaScript">
function chStyle(eid)
{
for(i=0; i<20; i++)
{
if(i==eid)
{
document.getElementById (eid).style.color='red';
}
else
{
document.getElementById(i).style.color='#000000';
}
}
}
</script>
</head>
<body>
<script>
document.write("<table width='300' border='0' cellpadding='3' cellspacing='1' bgcolor='grey' >");
document.write("<tr>");
for(i=0; i<20; i++)
{
if(i%5==0&&i!=0) document.write("</tr><tr>");
document.write("<td ><a href='#"+i+"' onclick ='return chStyle("+i+")'>第"+i+"行</a></td>");
}
document.write("</tr>");
document.write("</table><br>");
document.write("<table width='300' border='0' cellpadding='3' cellspacing='1' bgcolor='grey' >" );
for(i=0; i<20; i++)
{
document.write("<tr align='center'>");
document.write("<td><a name='"+i+"'>左"+i+"行</a></td><td id='"+i+"'>右"+i+"行</td>");
document.write ("</tr>");
}
document.write("</table>");
</script>
</body>
</html>
--
by 无际海
小蚂蚁也有理想--IT蚂蚁工作室
www.ItMaYi.com
www.ItMaYi.cn
博文
没有评论:
发表评论