三秒后变回默认值
<TABLE id=tbl cellSpacing=1 cellPadding=1 border=1>
<TBODY>
<TR>
<TD width=100 onmouseover="a(this)" onmouseout="b()">This is Line1</TD></TR>
<TR>
<TD width=100 onmouseover="a(this)" onmouseout="b()">This is Line2</TD></TR>
<TR>
<TD width=100 onmouseover="a(this)" onmouseout="b()">This is Line3</TD></TR>
</TBODY>
</TABLE>
<div style="border:1px solid red;width:200px;height:50px" id="MenuBar">default innerText</div>
<script language="JavaScript">
var tmp = MenuBar.innerText;var second=0;
var minute=0;
var hour=0;
idt=window.setTimeout("interval();",1000);
function interval(){
second++;
if(second==60){second=0;minute+=1;}
if(minute==60){minute=0;hour+=1;}
showtip=3-second
if (showtip==0) 
  {
    MenuBar.innerText = tmp;
    }idt=window.setTimeout("interval();",1000);}
function a(obj) {
  MenuBar.innerText = obj.innerText;
}function b() {
idt=window.setTimeout("interval();",1000);}
</script>

解决方案 »

  1.   

    Imaor(冷雨夜) 你这个好像不太行,鼠标穿过两个单元格就不管用了
      

  2.   

    这个可以了<TABLE id=tbl cellSpacing=1 cellPadding=1 border=1>
    <TBODY>
    <TR>
    <TD width=100 onmouseover="a(this)" onmouseout="b()">This is Line1</TD></TR>
    <TR>
    <TD width=100 onmouseover="a(this)" onmouseout="b()">This is Line2</TD></TR>
    <TR>
    <TD width=100 onmouseover="a(this)" onmouseout="b()">This is Line3</TD></TR>
    </TBODY>
    </TABLE>
    <div style="border:1px solid red;width:200px;height:50px" id="MenuBar">default innerText</div>
    <script language="JavaScript">
    var tmp = MenuBar.innerText;
    var second=0;
    var minute=0;
    var hour=0;
    var st=6;
    idt=window.setTimeout("interval();",1000);
    function interval(){
    second++;
    if(second==60){second=0;minute+=1;}
    if(minute==60){minute=0;hour+=1;}
    showtip=st-second;
    if (showtip<0) 
      {
        MenuBar.innerText = tmp;
        showtip=0;
        }
    else{
    MenuBar.innerText = showtip;
    idt=window.setTimeout("interval();",1000);}}
    function a(obj) {
    second=0;
    minute=0;
    hour=0;
      MenuBar.innerText = obj.innerText;
    }function b() {
    idt=window.setTimeout("interval();",1000);}
    </script>
      

  3.   

    <TABLE id=tbl cellSpacing=1 cellPadding=1 border=1>
    <TBODY>
    <TR>
    <TD width=100 onmouseover="a(this)" onmouseout="b()">This is Line1</TD></TR>
    <TR>
    <TD width=100 onmouseover="a(this)" onmouseout="b()">This is Line2</TD></TR>
    <TR>
    <TD width=100 onmouseover="a(this)" onmouseout="b()">This is Line3</TD></TR>
    </TBODY>
    </TABLE>
    <div style="border:1px solid red;width:200px;height:50px" id="MenuBar">default innerText</div>
    <script language="JavaScript">
    var tmp = MenuBar.innerText;
    function a(obj) {
    if (MenuBar.timer!=undefined) window.clearInterval(MenuBar.timer);
      MenuBar.innerText = obj.innerText;
    }function b() {
    //过一秒
      MenuBar.timer=window.setInterval("MenuBar.innerText = tmp",1000);
    }
    </script>