表格动态选择效果

Ezlavie上的个人blog正进行装修活动 ，所以暂时还搬回到这里。

希望要电子书的朋友继续留言或者发信给我，可能不是每个都能发出，因为有些求的多的我一时无法上传那么多，抱歉！

 

 看到一个表格动态选择效果，以后会有用，先放着收藏

<style>
body  {}{font:10px  verdana;}
div  {}{width:300px;cursor:hand;padding:5px;background:#ffcccc}
.selected  {}{background:#ccccff}
</style>

<script>
var  oldObj=null;

function  myOver(obj){
if(obj!=oldObj){
obj.style.backgroundColor="#ccccff";
}
}

function  myOut(obj){
if(obj!=oldObj){
obj.style.backgroundColor="#ffcccc";
}
}

function  myClick(obj){
if(oldObj!=null)oldObj.style.backgroundColor="#ffcccc";
obj.style.backgroundColor="#ccffcc";
oldObj=obj;
}

</script>

<div  onmouseover="myOver(this)"  onmouseout="myOut(this)"  onclick="myClick(this)"  >aaaaaa</div>
<div  onmouseover="myOver(this)"  onmouseout="myOut(this)"  onclick="myClick(this)"  >aaaaaa</div>
<div  onmouseover="myOver(this)"  onmouseout="myOut(this)"  onclick="myClick(this)"  >aaaaaa</div>
<div  onmouseover="myOver(this)"  onmouseout="myOut(this)"  onclick="myClick(this)"  >aaaaaa</div>
<div  onmouseover="myOver(this)"  onmouseout="myOut(this)"  onclick="myClick(this)"  >aaaaaa</div>
<div  onmouseover="myOver(this)"  onmouseout="myOut(this)"  onclick="myClick(this)"  >aaaaaa</div>