想实现鼠标指针放在表格的数字上就能出现一个金山词霸那样的小窗口，鼠标移开窗口就消失，请大家帮忙，下面给出源代码

老大,可如果那些1\2\3\4\5是用XSL样式的XML的动态页,怎么办呢?

解决方案 »

  1.   

    求详细解释，最好是例子，小弟驽钝，GGJJ赐教！
      

  2.   

    title="XXXX"就可以了，比ALT好用，
    e.g.
    <a href="#" title="XJjfsda;fjas;lfjasf;lajfa;ofuwezJ">fasfasfas </a>
      

  3.   

    <html>
    <head>
    <title>即时出现的提示信息</title>
    <style>
    #div1{position:absolute;border:1 solid #3366cc;background-color:#d2e8ff;color:blue;width:100;font-size:12px}
    </style>
    </head>
    <!--by fason-->
    <body>
    <script>
    function document.onmousemove(){
    if(event.srcElement.tagName=="A"){
    var v=document.getElementById("div1")
    v.style.visibility=''
    v.innerHTML=event.srcElement.alt
    v.style.pixelLeft=event.clientX+document.body.scrollLeft+10;
    v.style.pixelTop=event.clientY+document.body.scrollTop+10
    }
    }
    function document.onmouseout(){
    if(event.srcElement.tagName=="A"){
    var v=document.getElementById("div1")
    v.style.visibility='hidden'
    }
    }
    </script>
    <a href=# alt="fason" >fason</a>
    <div id=div1 style="visibility:hidden"></div>
    </body>
    </html>
      

  4.   

    Try....<script>
    //***********默认设置定义.*********************
    tPopWait=50;//停留tWait豪秒后显示提示。
    tPopShow=5000;//显示tShow豪秒后关闭提示
    showPopStep=20;
    popOpacity=99;//***************内部变量定义*****************
    sPop=null;
    curShow=null;
    tFadeOut=null;
    tFadeIn=null;
    tFadeWaiting=null;document.write("<style type='text/css'id='defaultPopStyle'>");
    document.write(".cPopText {  background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}");
    document.write("</style>");
    document.write("<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>");
    function showPopupText(){
    var o=event.srcElement;
    MouseX=event.x;
    MouseY=event.y;
    if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};
            if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};
    if(o.dypop!=sPop) {
    sPop=o.dypop;
    clearTimeout(curShow);
    clearTimeout(tFadeOut);
    clearTimeout(tFadeIn);
    clearTimeout(tFadeWaiting);
    if(sPop==null || sPop=="") {
    dypopLayer.innerHTML="";
    dypopLayer.style.filter="Alpha()";
    dypopLayer.filters.Alpha.opacity=0;
    }
    else {
    if(o.dyclass!=null) popStyle=o.dyclass 
    else popStyle="cPopText";
    curShow=setTimeout("showIt()",tPopWait);
    }

    }
    }function showIt(){
    dypopLayer.className=popStyle;
    dypopLayer.innerHTML=sPop;
    popWidth=dypopLayer.clientWidth;
    popHeight=dypopLayer.clientHeight;
    if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24
    else popLeftAdjust=0;
    if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24
    else popTopAdjust=0;
    dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust;
    dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust;
    dypopLayer.style.filter="Alpha(Opacity=0)";
    fadeOut();
    }function fadeOut(){
    if(dypopLayer.filters.Alpha.opacity<popOpacity) {
    dypopLayer.filters.Alpha.opacity+=showPopStep;
    tFadeOut=setTimeout("fadeOut()",1);
    }
    else {
    dypopLayer.filters.Alpha.opacity=popOpacity;
    tFadeWaiting=setTimeout("fadeIn()",tPopShow);
    }
    }function fadeIn(){
    if(dypopLayer.filters.Alpha.opacity>0) {
    dypopLayer.filters.Alpha.opacity-=1;
    tFadeIn=setTimeout("fadeIn()",1);
    }
    }
    document.onmouseover=showPopupText;
    </script>
    <a href="http://www.cnlk.com" title="灰豆宝宝.net" target="_blank">灰豆宝宝.net</a>
    //有了以上这个函数,只要设置了title="" 当鼠标OVER时,就会显示出title的内容.
    //是用层进行模拟的..
    //可以在<script></script>里面设置文字大小,字体等相关设置.