[js]指向变色，可扩展。

发表于 2013-03-27 22:31 - 只看楼主

1 2 3 4 5

[查看评级用户]

楼主

.字号较小字号正常字号较大字号

.IP 1.193.*.*

代码复制 - 运行

<script type="text/javascript">
function table_tr_changec(){
 var tableObj=document.getElementById('de_table') ;
 var tableobj_tr=tableObj.getElementsByTagName('tr');
 var tableobj_tr_len=tableobj_tr.length;
 var hover_color='#FF0000';
 var normal_color='#FFFFFF';
 
 
 for(var i=0;i<tableobj_tr_len;i++){
  this.flog=0;
  tableobj_tr[i].onmouseover=function (){
   this.style.cursor='pointer';
   this.flog=1;
   if(this.flog==1){
    this.style.backgroundColor=hover_color;
   }
  }
  tableobj_tr[i].onmouseout=function (){
   this.flog=0;
   this.style.backgroundColor=normal_color;
  }
 }
}
 
var ta_lock;
function table_hover(){
  ta_lock=setInterval("table_tr_changec()");
}
function table_out(){
 clearInterval(ta_lock); 
}
</script>
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="de_table" onmouseover="table_hover()" onmouseout="table_out()">
    <tr>
        <td>dfdf</td>
        <td>dsf</td>
    </tr>
    <tr>
        <td>fdsf</td>
        <td>sdf</td>
    </tr>
    <tr>
        <td>sdfs</td>
        <td>sdfsd</td>
    </tr>
</table>

您是游客您没有权限查看该图片

类似颜色中的英文部分，这个部分如果光用css很难处理

@肖阳_洛阳
Alex博客疯狂点阅小说站

支持 0

反对 0

TOP

发表于 2013-03-27 22:46 - 只看该用户

沙发

.IP 1.193.*.*

发现另外一种解决办法：

<ul>
<li><a href="#">首页<span>index</span></a>

</li>
</ul>

CSS：
.menu li:hover {
background: #fff;
color: #000;
}
.menu li:hover span{ color:#0F0}

@肖阳_洛阳
Alex博客疯狂点阅小说站

支持 0

反对 0

TOP

« 返回列表 1

[js]指向变色，可扩展。

程序开发

数据库

美工设计

服务器

学院站务