元素随着鼠标移动

zsf0615020117

于 2009-08-30 13:04:00 发布

阅读量461

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： function div html

本文链接：https://blog.youkuaiyun.com/zsf0615020117/article/details/4499240

JS 专栏收录该内容

39 篇文章

订阅专栏

<html>
    <head>
        <title>Simulated Drag And Drop Example</title>
        <script type="text/javascript">

            function handleMouseMove(oEvent) {
                var oDiv = document.getElementById("div1");
                oDiv.style.left = oEvent.clientX;
                oDiv.style.top = oEvent.clientY;
            }

        </script>
        <style type="text/css">
            #div1 {
                background-color: red;
                height: 100px;
                width: 100px;
                position: absolute;
            }
        </style>
    </head>
    <body onmousemove="handleMouseMove(event)">
        <p>Try moving your mouse around.</p>
        <p><div id="div1"></div> </p>
    </body>
</html>