哎？这个tr的onmouseover事件是怎么写的？？？？？

看到个
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>表格渐显</title>
<style type="text/css">
<!--
.page_table {
filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=140);
}
-->
</style>
</head>
<body>
<table id="tabbb" style="visibility:hidden;width:285;height:140;" border="0"  cellspacing="0" cellpadding="0" bgcolor="#FF0000" class="page_table" >
<tr>
<td>　</td>
</tr>
</table>
</body>
</html>
<script language="javascript">
<!--
function gon2(){
var showInterval = 2; 
objx = document.getElementById("tabbb");
objx.style.clip = "rect("+T+"px 285px "+originalT+"px 0px)";
if(T>=0)
{
T-= 5;
setTimeout("gon2()", showInterval);
}
}
//-->
</script>
<script language="javascript">
<!--
var originalT;
var T;
originalT = document.getElementById("tabbb").offsetHeight;
T = originalT - 1;
document.getElementById("tabbb").style.visibility = 'visible';
gon2();
//-->
</script>

解决方案 »

  1.   

    filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=140);
    虑镜，好像这个w3c不提倡使用
      

  2.   

    晕，就在头上！    window.attachEvent("onload", function()
        {
            var rows = document.getElementById("FAQList").rows;
            for(var i=1; i<rows.length; i++)
                new MzBehavior.Highlight(rows[i], {backgroundColor: "#E0E0E0"});
        });再去找找源函数！
      

  3.   

    不找了，梅大侠写的框架太精妙，引来引去的，看到头大，哈不过还是有收获地，理解了 JS 的命名空间的含义和用法，上次梅大侠给俺解释过一次，当时没理解！至于 LZ 所说的 FAQ 的特效，俺自己写了一个实现，思路就是“背景色延时渐变”，代码如下：L@_@K
    <!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>
      <title> new document </title>
      <meta name="generator" content="editplus" />
      <meta name="author" content="yixianggao" />
      <meta name="keywords" content="javascript" />
      <meta name="description" content="for csdn" />
      <script type="text/javascript" defer>
      <!--var arrTimerId = new Array();
    var numInterval = 20;function changePrimitiveColor(strPrimitiveColor, numStep)
    {
        if (strPrimitiveColor.length == 2)
        {
            var arrNumber = new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f");
            var MAX_COLOR = 255;
            var numColor = parseInt(strPrimitiveColor, 16);
            numColor += numStep;
            if (numColor > MAX_COLOR)
            {
                numColor = 255;
            }        return arrNumber[Math.floor(numColor/16)] + arrNumber[numColor%16]
        }
    }function changeRowBgColor(numRowIndex, numStepR, numStepG, numStepB)
    {
        var row = document.getElementById("FAQList").rows[numRowIndex];
        var strColor = row.style.backgroundColor;
        if (strColor.length == 7)
        {
            var strR = changePrimitiveColor(strColor.substr(1, 2), numStepR);
            var strG = changePrimitiveColor(strColor.substr(3, 2), numStepG);
            var strB = changePrimitiveColor(strColor.substr(5, 2), numStepB);
            
            row.style.backgroundColor = "#"+strR+strG+strB;
            if (row.style.backgroundColor == "#ffffff")
            {
                window.clearInterval(arrTimerId[numRowIndex]);
                arrTimerId[numRowIndex] = null;
            }
        }
    }document.body.onload = function ()
    {
            var rows = document.getElementById("FAQList").rows;
            for(var i=0; i<rows.length; i++)
            {
                rows[i].onmouseover = function ()
                {
                    this.style.backgroundColor = "#ffcccc";
                    window.clearInterval(arrTimerId[this.rowIndex]);
                    arrTimerId[this.rowIndex] = null;
                };            rows[i].onmouseout = function ()
                {
                    if (arrTimerId[this.rowIndex] == undefined
                        || arrTimerId[this.rowIndex] == null)
                    {
                        arrTimerId[this.rowIndex] = window.setInterval("changeRowBgColor("+this.rowIndex+", 1, 1, 1)", numInterval);
                    }
                };
            }
    };  //-->
      </script>
     </head> <body>
      <table id="FAQList" border="1" width="100%">
        <tr>
            <td>1</td>
            <td>11</td>
            <td>111</td>
            <td>111</td>
        </tr>
        <tr>
            <td>2</td>
            <td>22</td>
            <td>222</td>
            <td>2222</td>
        </tr>
        <tr>
            <td>3</td>
            <td>33</td>
            <td>333</td>
            <td>3333</td>
        </tr>
        <tr>
            <td>4</td>
            <td>44</td>
            <td>444</td>
            <td>4444</td>
        </tr>
        <tr>
            <td>1</td>
            <td>11</td>
            <td>111</td>
            <td>111</td>
        </tr>
        <tr>
            <td>2</td>
            <td>22</td>
            <td>222</td>
            <td>2222</td>
        </tr>
        <tr>
            <td>3</td>
            <td>33</td>
            <td>333</td>
            <td>3333</td>
        </tr>
        <tr>
            <td>4</td>
            <td>44</td>
            <td>444</td>
            <td>4444</td>
        </tr>
        <tr>
            <td>1</td>
            <td>11</td>
            <td>111</td>
            <td>111</td>
        </tr>
        <tr>
            <td>2</td>
            <td>22</td>
            <td>222</td>
            <td>2222</td>
        </tr>
        <tr>
            <td>3</td>
            <td>33</td>
            <td>333</td>
            <td>3333</td>
        </tr>
        <tr>
            <td>4</td>
            <td>44</td>
            <td>444</td>
            <td>4444</td>
        </tr>
        <tr>
            <td>1</td>
            <td>11</td>
            <td>111</td>
            <td>111</td>
        </tr>
        <tr>
            <td>2</td>
            <td>22</td>
            <td>222</td>
            <td>2222</td>
        </tr>
        <tr>
            <td>3</td>
            <td>33</td>
            <td>333</td>
            <td>3333</td>
        </tr>
        <tr>
            <td>4</td>
            <td>44</td>
            <td>444</td>
            <td>4444</td>
        </tr>
      </table>
     </body>
    </html>
      

  4.   

    <div id= "action" onmouseover="fncSetID(this);fncOver();" onmouseout="fncSetID(this);fncOut()" style="filter:alpha(opacity=-1)"></div>
    <style>
    div{position:absolute;width:500;height:500;background:#99CCFF;z-index:-1;cursor:hand;}
    </style><script language=javascript> 
    var cnt = 1;
    window.$_timer1 = null;
    window.$_timer2 = null;
    var PublicID = null;function fncSetID(obj){
    PublicID = obj
    }function fncOver(){
    window.clearTimeout($_timer2);
      if (++cnt>=50) {
      window.clearTimeout($_timer1);
      return;
      }
      PublicID.style.filter="alpha(opacity=" +cnt+")";
      $_timer1 = window.setTimeout(fncOver, 1);
    }
    function fncOut(){
    window.clearTimeout($_timer1);
      if (--cnt<0) {
      window.clearTimeout($_timer2);
      return;
      }
      PublicID.style.filter="alpha(opacity=" +cnt+")";
      $_timer2 = window.setTimeout(fncOut, 1);
    }
    </script>