本帖最后由 superfans98 于 2011-07-06 00:40:41 编辑

解决方案 »

  1.   

    <!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>
        <title>无标题页</title>
    <style type="text/css">
     body{ margin:0; padding:0; padding-top:100px; padding-left:200px}
     div{ margin:0; padding:0;}
    .mask{ width:50px; height:100px; position:absolute; background:#000}
    </style>
    </head>
    <body><div style="width:50px; height:50px; border:1px solid #000; float:left"></div>
    <div style="width:50px; height:50px; border:1px solid #000; float:left"></div>
    <div style="width:50px; height:50px; border:1px solid #000; float:left"></div>
    <div style="width:50px; height:50px; border:1px solid #000; float:left"></div>
    <div style="width:50px; height:50px; border:1px solid #000; float:left"></div>
    <div style="width:50px; height:50px; border:1px solid #000; float:left"></div>
    <div style="width:50px; height:50px; border:1px solid #000; float:left"></div>
    <div style="width:50px; height:50px; border:1px solid #000; float:left"></div>
    <div style="width:50px; height:50px; border:1px solid #000; float:left"></div>
    <div style="width:50px; height:50px; border:1px solid #000; float:left"></div><script type="text/javascript">var list = document.getElementsByTagName("div");
    var old = null;
    for(var i = 0 ; i < list.length ; i ++)
    {
        list[i].onmouseover = function()
        {
            if(old) document.body.removeChild(old);
            var left = this.offsetLeft;
            var top = this.offsetTop;
            var mask = document.createElement("div");
            mask.className = "mask"
            mask.style.top = top+"px";
            mask.style.left = left+"px";
            old = mask;
            document.body.appendChild(mask);
        }
    }document.documentElement.onmousemove = function(e)
    {
         e = e || window.event;
         t = e.target || e.srcElement;
         if(t.tagName != "DIV")
         {
            if(old) document.body.removeChild(old);
            old = null;
         }
    }</script></body>
    </html>