<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<style>
li{
list-style:none;
width:30px;
height:30px;
float:left;
border:1px solid #ddd;
}
</style>
<script type="text/javascript">
<!--
window.onload = function(){
var tab = document.getElementById("tab");
var lis = tab.getElementsByTagName("li");
lis[0].style.backgroundColor = "#f00";
for(var i=0;i<lis.length;i++){
lis[i].i = 0;
lis[i].onclick = function(){
for(var j=0;j<lis.length;j++){
if(lis[j] == this){
lis[j].style.backgroundColor = "#f00";
}else{
lis[j].style.backgroundColor = "";
}
}
}
}
}
//-->
</script>
<body>
<ul id="tab">
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>