求一个鼠标经过显示层的效果，诚挚奉分答谢

你是要Web的吧.
告诉你思路:
设置一个js的全局变量
var isHelp = false;
点击帮助按钮的时候就把isHelp设置为true.
在button上面写onmouseover="showHelp(e);"和onmouseout="hiddenHelp();"事件.
var ArrHelp = new Array();
ArrHelp[0] = "Button help";
ArrHelp[1] = "Image help";
function showHelp(e,helpindex){
    if(!isHelp){
        return;
    }
    var evt = evt ? evt : event;
    var left = evt.clientX + "px";
    var top = evt.clientY + "px";
    document.getElementById("helpdiv").style.left = left;
    document.getElementById("helpdiv").style.top = top;
    document.getElementById("helpdiv").innerHTML = ArrHelp[helpindex];
    document.getElementById("helpdiv").style.display = "block";
}
function hiddenHelp(){
    document.getElementById("helpdiv").style.display = "none";
}<div id="helpdiv" style="position:absolute;z-index:2;background-color:#FFF;border:1px solid red;">Help Content</div>
<input type="button" value="Test" id="btn_test" onmouseover="showHelp(e,0);" onmouseout="hiddenHelp();" />

解决方案 »

  1.   

    经测试,代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <script type="text/javascript">var ArrHelp = new Array();
    ArrHelp[0] = "Button help";
    ArrHelp[1] = "Image help";
    var isHelp = false;
    function showHelp(e,helpindex){
        if(!isHelp){
            return;
        }
        var evt = evt ? evt : event;
        var left = evt.clientX + "px";
        var top = evt.clientY + "px";
        document.getElementById("helpdiv").style.left = left;
        document.getElementById("helpdiv").style.top = top;
        document.getElementById("helpdiv").innerHTML = ArrHelp[helpindex];
        document.getElementById("helpdiv").style.display = "block";
    }
    function hiddenHelp(){
        document.getElementById("helpdiv").style.display = "none";
    }  </script>
     </HEAD> <BODY><div id="helpdiv" style="position:absolute;z-index:2;background-color:#FFF;border:1px solid red;display:none;">Help Content</div>
    <input type="button" value="Test" id="btn_test" onmouseover="showHelp(event,0);" onmouseout="hiddenHelp();" />
    <input type="button" onclick="isHelp = !isHelp;" value="setHelp" />
     </BODY>
    </HTML>
      

  2.   

    如果是小页面,只要效果的话,可以直接在页面中定义隐藏的div或span 当鼠标移过的时候 检测鼠标位置并显示 即可.如果需要扩展,则要通过ajax来进行进一步实现了.
      

  3.   

    前几天写的,参考
    http://hansir.cn/blog/2008/20081106-38.html
      

  4.   

    前几天写的,参考
    http://hansir.cn/blog/2008/20081106-38.html