是不是改变<tr>的bgcolor属性?但怎么改变呢?请各位大位救急啊!!!

解决方案 »

  1.   

    参考下吧,有用就收下:
    <script language="javascript">
    /**
     * This array is used to remember  status of rows in browse mode
     */
    var ed_row = new Array;
    /**
     * Sets/unsets the pointer and er in browse mode
     *
     * @param   object    the table row
     * @param   interger  the row number
     * @param   string    the action calling this script (over, out or click)
     * @param   string    the default background color
     * @param   string    the color to use for mouseover
     * @param   string    the color to use for ing a row
     *
     * @return  boolean  whether pointer is set or not
     */
    function setPointer(theRow, theRowNum, theAction, theDefaultColor, thePointerColor, theMarkColor)
    {
        var theCells = null;    // 1. Pointer and  feature are disabled or the browser can't get the
        //    row -> exits
        if ((thePointerColor == '' && theMarkColor == '')
            || typeof(theRow.style) == 'undefined') {
            return false;
        }    // 2. Gets the current row and exits if the browser can't get it
        if (typeof(document.getElementsByTagName) != 'undefined') {
            theCells = theRow.getElementsByTagName('td');
        }
        else if (typeof(theRow.cells) != 'undefined') {
            theCells = theRow.cells;
        }
        else {
            return false;
        }    // 3. Gets the current color...
        var rowCellsCnt  = theCells.length;
        var domDetect    = null;
        var currentColor = null;
        var newColor     = null;
        // 3.1 ... with DOM compatible browsers except Opera that does not return
        //         valid values with "getAttribute"
        if (typeof(window.opera) == 'undefined'
            && typeof(theCells[0].getAttribute) != 'undefined') {
            currentColor = theCells[0].getAttribute('bgcolor');
            domDetect    = true;
        }
        // 3.2 ... with other browsers
        else {
            currentColor = theCells[0].style.backgroundColor;
            domDetect    = false;
        } // end 3    // 3.3 ... Opera changes colors set via HTML to rgb(r,g,b) format so fix it
        if (currentColor.indexOf("rgb") >= 0) 
        {
            var rgbStr = currentColor.slice(currentColor.indexOf('(') + 1,
                                         currentColor.indexOf(')'));
            var rgbValues = rgbStr.split(",");
            currentColor = "#";
            var hexChars = "0123456789ABCDEF";
            for (var i = 0; i < 3; i++)
            {
                var v = rgbValues[i].valueOf();
                currentColor += hexChars.charAt(v/16) + hexChars.charAt(v%16);
            }
        }    // 4. Defines the new color
        // 4.1 Current color is the default one
        if (currentColor == ''
            || currentColor.toLowerCase() == theDefaultColor.toLowerCase()) {
            if (theAction == 'over' && thePointerColor != '') {
                newColor              = thePointerColor;
            }
            else if (theAction == 'click' && theMarkColor != '') {
                newColor              = theMarkColor;
                ed_row[theRowNum] = true;
            }
        }
        // 4.1.2 Current color is the pointer one
        else if (currentColor.toLowerCase() == thePointerColor.toLowerCase()
                 && (typeof(ed_row[theRowNum]) == 'undefined' || !ed_row[theRowNum])) {
            if (theAction == 'out') {
                newColor              = theDefaultColor;
            }
            else if (theAction == 'click' && theMarkColor != '') {
                newColor              = theMarkColor;
                ed_row[theRowNum] = true;
            }
        }
        // 4.1.3 Current color is the er one
        else if (currentColor.toLowerCase() == theMarkColor.toLowerCase()) {
            if (theAction == 'click') {
                newColor              = (thePointerColor != '')
                                      ? thePointerColor
                                      : theDefaultColor;
                ed_row[theRowNum] = (typeof(ed_row[theRowNum]) == 'undefined' || !ed_row[theRowNum])
                                      ? true
                                      : null;
            }
        } // end 4    // 5. Sets the new color...
        if (newColor) {
            var c = null;
            // 5.1 ... with DOM compatible browsers except Opera
            if (domDetect) {
                for (c = 0; c < rowCellsCnt; c++) {
                    theCells[c].setAttribute('bgcolor', newColor, 0);
                } // end for
            }
            // 5.2 ... with other browsers
            else {
                for (c = 0; c < rowCellsCnt; c++) {
                    theCells[c].style.backgroundColor = newColor;
                }
            }
        } // end 5    return true;
    } // end of the 'setPointer()' function
    </script>
    <table border="0" cellpadding="5">
      <tr onmouseover="setPointer(this, 0, 'over', '#DDDDDD', '#CCFFCC', '#FFCC99');" onmouseout="setPointer(this, 0, 'out', '#DDDDDD', '#CCFFCC', '#FFCC99');" onmousedown="setPointer(this, 0, 'click', '#DDDDDD', '#CCFFCC', '#FFCC99');"> 
        <td valign="top"  bgcolor="#DDDDDD">admin</td>
        <td valign="top"  bgcolor="#DDDDDD">d964173dc44da83eeafa3aebbee9a1a0</td>
        <td align="right" valign="top"  bgcolor="#DDDDDD" nowrap>9</td>
        <td align="right" valign="top"  bgcolor="#DDDDDD" nowrap>21</td>
        <td valign="top"  bgcolor="#DDDDDD">10.10.10.99</td>
        <td valign="top"  bgcolor="#DDDDDD" nowrap>2004-03-25 11:50:40</td>
        <td valign="top"  bgcolor="#DDDDDD">&nbsp;</td>
      </tr>
    </table>
      

  2.   

    http://dotnet.aspx.cc/ShowList.aspx?id=1
    的源代码
      

  3.   

    上面的代码有点麻烦,简单的<table border="" cellpadding="" cellspacing="" width="" >
    <tr onmouseover="this.bgColor='red'" onmouseout="this.bgColor=''">
    <td>1</td>
    <td>2</td>
    </tr>
    <tr onmouseover="this.bgColor='red'" onmouseout="this.bgColor=''">
    <td>3</td>
    <td>4</td>
    </tr>
    </table>
      

  4.   

    使用tr的onmouseout onmouseover事件可以达到你要的效果
    <tr onmouseout=mouseOut(this) onmouseover=mouseOver(this)>var oldColor ;
    function mouseOver(src) {
       if (!src.contains(event.fromElement)) {
    oldColor = src.bgColor ;
    src.bgColor ='#EFF3F9';
       }
    }function mouseOut(src) {
       if (!src.contains(event.toElement)) {
    src.bgColor = oldColor ;
    //src.bgColor = '';
       }
    }
      

  5.   

    <a href=# onmousemove=selectMe()>aaaaaaaaaaaaaaaaaaaaa</a>
    <a href=# onmousemove=selectMe()>bbbbbbbbbbbbbbbbbbbb</a>
    <a href=# onmousemove=selectMe()>vvvvvvvvvvvvvvvvvvvv</a>
    <a href=# onmousemove=selectMe()>ccccccccccccccccccccc</a>
    <a href=# onmousemove=selectMe()>ddddddddddddddddddddd</a><script>
        function selectMe() {
        var r=document.body.createTextRange();
        r.moveToPoint(window.event.x, window.event.y);
        r.expand("word");
        r.select();
        }
    </script>