如何实现这样的效果.高手请进!100分

也就是用层，鼠标移动到链接上时显示层，同时设置Timer等Timer到了就隐藏层

解决方案 »

  1.   

    在div中加入自己的图片，链接等
    <div style="position:absolute;background:#999999;height:200;width:200;display:none" id="test">123</div>
    <input type="button" onclick="getvalue()">
    function getvalue()
    {
             test.style.display="";
    test.style.top = event.y;
    test.style.left = event.x;
    window.setTimeout("test.style.display='none'", 1000);
    }
      

  2.   

    可以用div啊，div的内容可以在页面初始化的时候加载，也可以用xmlhttp动态加载
    至于加载到的东西想怎么处理就随便啦
      

  3.   

    给你个地址，http://www.36s.net/好多bt网站页面就是你说的效果，你可以去参考
      

  4.   

    我打开这个网站,试了试,结果总是不对,我把它的html代码写下来看看:<!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>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <LINK href="css.css" type=text/css rel=stylesheet>
    <script language="javascript">function dispP(obj, e, eid)
    {
    //document.getElementById("m" + eid).style.top = e.y+20;
    //document.getElementById("m" + eid).style.left = e.x+20; document.getElementById("m" + eid).style.visibility = "visible";
    }function dispN(obj, e, eid)
    {
    document.getElementById("m" + eid).style.visibility = "hidden";
    }</script></head><body><div id="mdis_sms155281" style="visibility:hidden; position:absolute; z-index:300;"  >
    <table bgcolor="#EBF0FA" border="1" align="center" cellpadding="4" cellspacing="0" bordercolor="#709CCD">
    <TR vAlign=top>
    <TD  width=800>
    <img src="http://wwwimage.cbs.com/primetime/fall_preview_2005/template/images/ghost_whisperer/main_pic.jpg" border="0"><br />
    <br />
    ◆原 &nbsp; &nbsp; &nbsp;名：Ghost Whisperer<br />
    ◆译 &nbsp; &nbsp; &nbsp;名：鬼语者 &nbsp; 第1季<br />
    ◆类　　型：神秘/剧情/灵异<br />
    ◆片　　长：45分钟左右<br />
    ◆上　　映：2005年9月23日<br />
    ◆国　　家：美国 cbs<br />
    ◆语　　言：英语<br />
    ◆字　　幕：简体中文<br />
    ◆链 &nbsp; &nbsp; &nbsp;接：<br />
    <a href="http://www.cbs.com/primetime/ghost_whisperer/" target="_blank">http://www.cbs.com/primetime/ghost_whisperer/</a><br />
    ◆简　　介：<br />
     &nbsp; <br />
     &nbsp; &nbsp;Jennifer Love Hewitt returns to series television in a riveting look at the link between the living and the dead, between life and death. Inspired by the cases of famed psychic James Van Praagh, it focuses on a young newlywed endowed with the unique ability to communicate with spirits, who has spent her entire life coping with this extraordinary gift, but who also yearns to lead an ordinary life--if only the dead would stop talking. And what they are saying leads her to some unusual psychic investigations.<br />
     &nbsp; &nbsp; &nbsp; &nbsp;该片与medium属于同一类型题材剧集，但是从画面，音乐处理，和剧情处理上个人感觉更高于medium,建议大家欣赏一下。本剧于本月23日正式上映。<br />
    演员介绍：<br />
    Jennifer Love Hewitt as Melinda Gordon<br />
    David Conrad as Jim Clancy<br />
    Aisha Tyler as Andrea Moreno
    </td>
    </tr></table>
    </div>
    <p>
    <p>
    <table width="780" border="0">
      <tr>
        <td bgcolor="#FFFFFF" align="left" onMouseOver ="this.style.backgroundColor='#F7F7F7';dispP(this, event, 'dis_sms155281')" onMouseOut ="this.style.backgroundColor='#FFFFFF';dispN(this, event, 'dis_sms155281')" id="155281" >test</td>
        <td>test</td>
        <td>test</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td bgcolor="#FFFFFF" align="left" onMouseOver ="this.style.backgroundColor='#F7F7F7';dispP(this, event, 'dis_sms155281')" onMouseOut ="this.style.backgroundColor='#FFFFFF';dispN(this, event, 'dis_sms155281')" id="155282" >test&nbsp;</td>
      </tr>
    </table></body>
    </html>
      

  5.   

    function showTooltip(msg, height) {
    var oPopBody = oPopup.document.body;
    obj = event.srcElement;
    oPopBody.style.backgroundColor = "lightyellow";
    oPopBody.style.border = "solid black 1px";
    oPopBody.innerHTML = msg;
    oPopup.show(parseInt(obj.style.left), parseInt(obj.style.top), parseInt(obj.style.width), height == undefined ? 25 : height, document.body);
    }
      

  6.   

    漏定义var oPopup = document.createPopup(), obj;
      

  7.   

    //****** Title 定义 BY EvE 2004-02-25**********
    //***********默认设置定义.*********************
    tPopWait=0;//停留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 {  font-family: ; background-color: #f8f8f3; color:#030303;border: 1px #000000 solid; font-size:9pt ; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 3px; padding-bottom: 1px; 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;
    //===============End By EvE==================