zoukankan      html  css  js  c++  java
  • 鼠标经过tr背景变色的js代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>鼠标经过tr背景变色的js代码</title>
    <style type="text/css">
    a,a:visited{
        font-size:12px;
        color:#000000;
        text-decoration:none;
        
        }
    a:hover{
        text-decoration:none;
        }
    </style>
    <script>
    function overIt(){
       var the_obj = event.srcElement;
       if(the_obj.tagName.toLowerCase() == "td"){
           the_obj=the_obj.parentElement;
           the_obj.oBgc=the_obj.currentStyle.backgroundColor;            the_obj.oFc=the_obj.currentStyle.color;
           the_obj.style.backgroundColor='red';
           the_obj.style.color='green';
           the_obj.style.textDecoration='none';
       }
    }
    function outIt(){
       var the_obj = event.srcElement;
       if(the_obj.tagName.toLowerCase() == "td"){
           the_obj=the_obj.parentElement;
           the_obj.style.backgroundColor=the_obj.oBgc;
           the_obj.style.color=the_obj.oFc;
           the_obj.style.textDecoration='';
       }
    }
    </script>
    </head>
    
    <body>
    <table border=1 width=600 onmouseover="overIt()" onmouseout="outIt()">
    <tr bgColor=#111111> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr>
    <tr bgColor=#222222> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr>
    <tr bgColor=#333333> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr>
    <tr bgColor=#444444> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr>
    <tr bgColor=#555555> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr>
    <tr bgColor=#666666> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr>
    <tr bgColor=#777777> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr>
    <tr bgColor=#888888> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr>
    <tr bgColor=#999999> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr>
    <tr bgColor=#aaaaaa> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr>
    <tr bgColor=#bbbbbb> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr>
    <tr bgColor=#cccccc> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr>
    <tr bgColor=#dddddd> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr>
    <tr bgColor=#eeeeee> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr>
    <tr bgColor=#ffffff> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr>
    </table>
    
    </body>
    </html>
  • 相关阅读:
    C
    A
    hdu 三部曲1 Popular Cows tarjan算法&&缩点&&拓扑排序
    hdu 三部曲 Going Home 最小费用最大流 EK算法
    hdu 三部曲 1Minimum Cost 最小费用最大流EK算法
    hdu 三部曲1 Is the Information Reliable? 差分约束 bellman_ford算法
    hdu 三部曲1 Intervals 差分约束问题 spfa算法
    hdu 三部曲 Crashing Robots
    hdu 三部曲2 Rebuilding Roads
    Codeforces 1277C As Simple as One and Two
  • 原文地址:https://www.cnblogs.com/visi_zhangyang/p/2937606.html
Copyright © 2011-2022 走看看