JQuery图片随鼠标的移动

最新推荐文章于 2022-02-07 17:59:12 发布

原创

最新推荐文章于 2022-02-07 17:59:12 发布 · 372 阅读

标签

#郭贝贝的博客编程 #JQuery #图片随鼠标的移动

收录于

本文详细介绍了如何利用JQuery库实现图片在网页上随着鼠标指针移动的效果，包括关键代码实现和应用场景。

图片跟随鼠标的移动

<html>
<head>
    <style type="text/css">
        #img {
            position:absolute;/*绝对位置*/
        }
    </style>
    <script src="jquery-1.11.3.min.js"></script>
    <script type="text/javascript">
        $(function () {
           //第一种方式
            //鼠标的移动事件
            $(document).mousemove(function (e) {
                //定义一个X轴的位置
                var page_x = parseInt(e.pageX + 12) + "px";
                //定义一个Y轴的位置
                var page_y = e.pageY + "px";
                //图片的左边X轴，上部Y轴
                $("#img").cs