JavaScript鼠标悬停,出现提示框里面链接可以点击?有可用的代码吗 谢谢~

解决方案 »

  1.   


    function hiddenTip(){
        document.getElementById("tip").innerHTML = "";
        document.getElementById("tip").style.display = "none";
    } function showTip(sUrl){
       var x,y;
       x = event.clientX;
       y = event.clientY;   document.getElementById("tip").style.left = x;
       document.getElementById("tip").style.top = y;
       document.getElementById("tip").innerHTML = "<a href="" + sUrl + "">";
       document.getElementById("tip").style.display = "block";
    } <div id="tip" style="display:none;position:absolute;z-index:1;"></div><img src="test.gif" onmouseout="hiddenTip();" onmousemove="showTip('www.google.cn');" /> 
      

  2.   

    有两个问题:
    1、tip跟着鼠标走,怎么也点不中;
    2、如果tip位置固定,鼠标移动到链接时,图片失去焦点,tip就隐藏了。
      

  3.   

    to 2楼的朋友:ie6下没有效果啊?
      

  4.   


    好像flash地图,有这样的效果~
      

  5.   

    不能显示是因为这句话是错的:
    document.getElementById("tip").innerHTML = "<a href="" + sUrl + "">";应该是:
    document.getElementById("tip").innerHTML = "<a href=\"" + sUrl + "\">链接</a>";