<!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>
    <script type="text/javascript">
        window.onmousemove = function () {            var Div = document.getElementById("divFly");
            if (!Div) {
                return;
            }
            var x = window.event.clientX; //获得鼠标相对窗口的横坐标
            var y = window.event.clientY; //获得鼠标相当窗体的纵坐标             Div.style.left = x;
             Div.style.top = y;
           
             var div1 = document.createElement("div");
             div1.innerText = window.event.clientX;
             Div.appendChild(div1);
        }
</script>
</head><body>
<div id="divFly" style="position:absolute;">
<img src="云.jpg"/>
</div>
</body>
</html>

解决方案 »

  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>
      <script type="text/javascript">
      document.onmousemove = function () {  var Div = document.getElementById("divFly");
      if (!Div) {
      return;
      }
      var x = window.event.clientX; //获得鼠标相对窗口的横坐标
      var y = window.event.clientY; //获得鼠标相当窗体的纵坐标  Div.style.left = x;
      Div.style.top = y;
        
      var div1 = document.createElement("div");
      div1.innerText = window.event.clientX;
      Div.appendChild(div1);
      }
    </script>
    </head><body>
    <div id="divFly" style="position:absolute;">
    <img src="云.jpg"/>
    </div>
    </body>
    </html>
      

  2.   

    给你个例子  参考参考吧!
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <style type="text/css">
            .toopTip
            {
                background-color:Yellow;
                border-style:solid;
                border-width:1px;
                border-color:Red;
            }
        </style>
        <script language="javascript" type="text/javascript">
            function initEvent() {
                var divArray = document.getElementsByTagName("div");
                for (var i = 0; i < divArray.length; i++) {
                    divArray[i].onmousemove = createDivDetailOne;
                    divArray[i].onmouseout = removeDivDetail;
                }
            }
            function createDivDetailOne() {
                var divObj = document.getElementById("divDetail");
                if(divObj) {
                    divObj.style.top = window.event.clientY;
                    divObj.style.left = window.event.clientX;
                    return;
                }
                divObj = document.createElement("div");
                divObj.className = "toopTip";
                divObj.setAttribute("id","divDetail");
                divObj.style.position = "absolute";
                divObj.style.top = window.event.clientY;
                divObj.style.left = window.event.clientX;
                var triggerObj = window.event.srcElement;
                //var a = triggerObj.id;
                divObj.innerHTML = triggerObj.innerText;
                document.body.appendChild(divObj);
            }
            function removeDivDetail() {
                var divObj = document.getElementById("divDetail");
                if(!divObj)
                {
                    return;
                }
                document.body.removeChild(divObj);
            }        window.onload = initEvent;
        </script></head>
    <body onload="initEvent();" >
        <div id="divOne" style="background-color: Fuchsia; width: 100px; height: 100px;">
            Hello My Js World!
        </div>
        <div id="divTwo" style="background-color: Aqua; width: 100px; height: 100px">
            Welcome to My Js World!
        </div>
        <div id="divThree" style="background-color: Gray; width: 100px; height: 100px">
            THIS IS My Js World!
        </div>
    </body>
    </html>
      

  3.   

    最主要的是想要实现onmousemove这个事件,不知道为什么用这种方式实现不了
      

  4.   

    是document.onmousemove 不是window.
      

  5.   

    document.onmousemove = function () { var Div = document.getElementById("divFly");
    if (!Div) {
    return;
    }
    var x = window.event.clientX; //获得鼠标相对窗口的横坐标
    var y = window.event.clientY; //获得鼠标相当窗体的纵坐标 Div.style.left = x;
    Div.style.top = y; var div1 = document.getElementById("div1");
    if(!div1) {
    div1=document.createElement("div");
    div1.id="div1";
    Div.appendChild(div1);
    }
    div1.innerHTML = window.event.clientX;
    }试试这个
      

  6.   

    ++用 document.onmousemove 
    或者 document.body.onmousemove