我只是想onmouseover 和onmouseout的时候,实现渐变的效果。
写了一个下午了。写成这个奶奶样。

解决方案 »

  1.   

    我写的导航条渐变效果:
    var setOpa,ArrOpa=new Array();
    function setMenu(s){
    if(setOpa)clearTimeout(setOpa);
    var n,d=document.getElementById("top_menu2").getElementsByTagName("DIV");
    for(var i=0;i<d.length;i++){
    if(!ArrOpa[i])ArrOpa[i]=0;
    if(i!=s){
    if(ArrOpa[i]>0){
    ArrOpa[i]-=3;
    d[i].style.filter="alpha(opacity="+ArrOpa[i]+")";
    n=true;
    }else{
    if(d[i].style.display!="none")d[i].style.display="none";
    }
    }
    }
    if(n){
    setOpa=setTimeout("setMenu("+s+")",5);
    }else if(s!=-1){
    if(ArrOpa[s]<100){
    ArrOpa[s]+=2;
    d[s].style.filter="alpha(opacity="+ArrOpa[s]+")"
    if(d[s].style.display!="block")d[s].style.display="block";
    setOpa=setTimeout("setMenu("+s+")",5);
    }
    }
    }
      

  2.   

    function fncOut(){
    window.clearTimeout($_timer1);
      cnt = 10;
      PublicID.style.filter="alpha(opacity=" +cnt+")";
    }
      

  3.   

    to starwu(星沉海底)大兄弟,给段完整的行不?
      

  4.   

    <style type="text/css">
    td{
    width:100%;
    background:#FFD700;
    cursor:hand;
    z-index:1;
    filter: Alpha(opacity=10);
    event:expression(
    onmouseover = function()
              {
    PublicID = this;
    fncOver();
              },
               
    onmouseout = function()
              {
    fncOut();
              }
            )
    }
    tr{
    height:100px
    }
    </style> <script language=javascript> 
    var cnt = 1;
    window.$_timer1 = null;
    window.$_timer2 = null;
    var PublicID = null;
    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);
      cnt = 10;
      PublicID.style.filter="alpha(opacity=" +cnt+")";
    }
    </script><table border=1 cellpadding=0 cellspacing=0>
    <tr><td>1111111111111111111111</td></tr>
    <tr><td>1111111111111111111111</td></tr>
    <tr><td>1111111111111111111111</td></tr>
    <tr><td>1111111111111111111111</td></tr>
    </table>--------------------------------
    现在的问题是,怎么能让1111111111111111111111清晰显示??只要求背景alpha效果,内容不要alpha效果/