Fork me on GitHub
首页 > 免费资源 > 图片跟随鼠标

图片跟随鼠标

<head lang="en">
    <meta charset="UTF-8">
    <style>
        img {position: absolute;transition: all .3s;}
    </style>
</head>
<body>

<img src="images/logo.png" id="img" />
<script src="../js/common.js"></script>
<script type="text/javascript">

    var img = $("#img");

    document.onmousemove = function(event){
        // clientX 窗口的位置
        // pageX 文档的位置
        img.style.left = event.pageX + "px";
        img.style.top = event.pageY + "px";
    };
</script>
</body>



演示:效果 

Fork me on GitHub

上一篇: 阿里巴巴:iconfont 阿里推出的图标素材库

下一篇: JS 获取IP显示地址


Title - Artist
0:00