閱讀1001 返回首頁    go 阿裏雲 go 技術社區[雲棲]


Js中實現圖片隨鼠標移動——ClientX,ClientY,Position

 

<head>
    <script type="text/javascript">

        // 當監聽事件受到body範圍大小的限製的時候,那麼就在document中監聽
        document.onmousemove = function () {
           
           //獲得鼠標的坐標值
           var x = window.event.clientX;
           var y = window.event.clientY;
            var divfly = document.getElementById("divFly");
            divfly.style.left = x;
            divfly.style.top = y;
        }
    </script>
</head>
<body>
    <div >
        <img src="../images/b6.gif" alt="PositionDemo" />
    </div>
</body>

最後更新:2017-04-02 22:16:31

  上一篇:go Hibernate中報錯——node to traverse cannot be null
  下一篇:go 用Java編寫函數反轉字符串