博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS图片跟着鼠标跑效果
阅读量:6159 次
发布时间:2019-06-21

本文共 501 字,大约阅读时间需要 1 分钟。

<html>

<head>
    <title></title>
    <script type="text/javascript">
        document.onmousemove = function () {
            var x = window.event.clientX;
            var y = window.event.clientY;
            var divFly = document.getElementById("divFly");
            if (!divFly) {//判断图片是否加载完了,如果没加载
                return;
            }
            divFly.style.left = x;
            divFly.style.top = y;
        };   
    </script>
</head>
<body>
<div id="divFly" style=" position:absolute">
<img src="Images/cry.gif" /><br />
你欺负我~
</div>
</body>
</html>

转载于:https://www.cnblogs.com/yichengbo/archive/2011/09/15/2177708.html

你可能感兴趣的文章
Linux基础命令---检查密码文件pwck
查看>>
【云周刊】 第211期:“阿里巴巴小程序繁星计划”:20亿扶持200万小程序开发者和100万商家...
查看>>
第一张5G电话卡已发出,潘石屹成中国电信0001号尝鲜者
查看>>
Eclipse 中部署应用到任意服务器
查看>>
数据流被污染?数据质量不高?蚂蚁金服数据资产管理平台了解一下
查看>>
C++实用编程——随机生成迷宫算法
查看>>
Firefox beta 开始原生支持 Windows 10 ARM64
查看>>
java中int和Integer对比的一些坑
查看>>
webpack创建library及从零开始发布一个npm包
查看>>
CoreMotion 框架
查看>>
Angular CLI 常用命令
查看>>
GNOME 3.32.1 维护版本更新发布
查看>>
NutzWk 5.2.0 重磅发布,Java 微服务分布式开发框架
查看>>
Gse v0.40.0 发布,Go 高性能分词,增加更多常用 API
查看>>
【Zabbix】通过iLO进行Zabbix监控——针对HP服务器集成
查看>>
MySQL Online DDL 方案剖析
查看>>
java源码 - ReentrantLock之FairSync
查看>>
Java入门系列-24-实现网络通信
查看>>
Nginx 配置
查看>>
eclipse错误及解决方法
查看>>