跟着鼠标飞的图片

最新推荐文章于 2021-06-07 16:20:10 发布
最新推荐文章于 2021-06-07 16:20:10 发布
阅读量549 收藏
点赞数
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zunguitiancheng/article/details/8977037
版权

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>跟着鼠标飞的图片</title>

    <script type="text/javascript">

        document.onmousemove = function () {
            //思路是：把鼠标移动时的x和y坐标赋值给层的left和top属性
            var div = document.getElementById("divId");

            if (!divId) {//如果没加载上去的话
                return; //则退出函数
            }

            var x = window.event.clientX;
            var y = window.event.clientY;

            //            div.style.left = window.event.clientX;
            //            div.style.top = window.event.clientY;


            div.style.left = x;
            div.style.top = y;
        }
   
    </script>

</head>
<body>

<div id="divId" style="position:absolute;">

<img src="../images/飞翔.gif" alt="飞翔" />

</div>


</body>
</html>

 

简单的绿竹
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML5+CSS3+JS小实例：鼠标控制飞机的飞行方向
艾恩小灰灰的博客
09-21 353
实例：鼠标控制飞机的飞行方向。技术栈：HTML+CSS+JS。
图片跟着鼠标飞
DTechnology的博客
04-17 414
html&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;title&lt;/title&gt; &lt;style&gt; *{ margin: 0; paddin
图片跟随鼠标飞
小白girl
03-20 248
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片跟着鼠标飞</title> <style> img { position: absolute; ...
JavaScriptDOM练习之图片跟着鼠标飞
星空nwk的博客
10-08 265
html> html lang="en"> head> meta charset="UTF-8"> title>Titletitle> s script> var evt = { //event或e getEvent: function (e) { return window.event || e;
html 图片跟着鼠标,图片跟着鼠标飞.html
weixin_29867607的博客
06-07 302
Documentimg{position: absolute;}body{height: 2000px;} function getScroll(){return {left:window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0,top:window.pageYOf...
html鼠标切图,记录：图片跟着鼠标飞（浏览器兼容）
weixin_39560207的博客
06-04 119
王侯将相宁有种乎*{margin: 0;padding: 0;}body{height: 2000px;}img{position: absolute;}//下面的代码在谷歌和火狐支持 初次版本// my$("im").style.left=e.pageX+"px";// my$("im").style.top=e.pageY+"px";//下面的代码在IE8中不支持,不支持pageX和pageY...
JavaScript图片跟着鼠标飞
weixin_30810583的博客
08-10 57
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> img { position: absolute; ...
11-跟着鼠标飞的图片.html
02-15
11-跟着鼠标飞的图片.html
java实现创建页面插入飞机图片并添加鼠标监听，让飞机跟着鼠标移动
07-11
你可以使用Java Swing来实现创建页面并插入飞机图片，然后添加鼠标监听器。下面是一个简单的示例代码： ```java import javax.swing.*; import java.awt.*; import java.awt.event.*; public class PlaneGame ...
鼠标挂件（gif图跟随鼠标移动）
weixin_41865901的博客
01-12 1360
让下面这张翅膀图片跟随鼠标移动，怎么做呢？ 其实就是利用到 事件参数对象 e 或者说window.event(IE8不支持e)，来获取鼠标的位置，然后把位置赋值给图片的位置就好了。很简单！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev
花一天时间做一个高质量飞机大战游戏，过万字Unity完整教程！漂亮学妹看了直呼666！
热门推荐
努力前行，总会成为自己心中的那道光
06-07 26万+
Unity制作飞机大战。本篇文章完整的介绍了使用Unity引擎制作一个飞机大战的小游戏，附带游戏过程，截图和讲解，最后附带工程源码，请品尝！
用js写飞机大战的小游戏
无敌旋风兔的博客
08-31 7344
飞机大战思路整理 飞机大战分为5个阶段: 1.游戏开始阶段 1.0定义整个游戏的全局变量，并进行初始化 1.1.0创建游戏背景图片 1.1.1初始化背景图片的数据 1.1.2创建游戏开始阶段的构造函数 ...
梳理了一下Python下载安装及Pycharm的安装和配置，有详细图文
08-30
Python 是一种广泛应用的高级编程语言，尤其在数据分析、人工智能、Web 开发等领域有着广泛的应用。搭建Python的开发环境，本文提供了python下载安装，Pycharm的安装和配置，有详细图文，亲测可用。 在学习Python之前，正确下载并安装Python环境，以及配置一个高效、易用的集成开发环境（IDE）如PyCharm，是不可或缺的基础步骤。 本文旨在为初学者提供一份详尽且易于理解的指南，通过图文并茂的方式，引导读者完成Python的下载与安装，以及PyCharm的下载、安装与基本配置。我们将一步步深入，从环境搭建的起点出发，直至成功地安装Python及Python解释器Pycharn的安装和配置
2022.2-2023.3空气AOI.xlsx
最新发布
08-30
1、资源内容地址：https://blog.csdn.net/2301_79696294/article/details/141308908 2、代码特点：今年全新，手工精心整理，放心引用，数据来自权威，相对于其他人的控制变量数据准确很多,适合写论文做实证用 ，不会出现数据造假问题 3、适用对象：大学生，本科生，研究生小白可用，容易上手！！！ 3、课程引用: 经济学，地理学，城市规划与城市研究，公共政策与管理，社会学，商业与管理 资源名称：2014.1-2023.3全国地级市空气质量指数AOI相关数据 区域范围：全国各地级市 时间范围：2014.1.1-2023.3.8 数据格式：.xlsx 主要指标：地区名称、AQI指数、空气质量级别、首要污染物 数据量:100w+
基于springboot高校学科竞赛平台设计与实现.docx
08-30
基于springboot高校学科竞赛平台设计与实现.docx
JESD22-A104F温度循环.pdf
08-30
JESD22-A104F温度循环
unity 如何让图片跟着鼠标运动
06-02
2. 在鼠标移动事件中，获取鼠标位置并将图片位置设置为鼠标位置。 代码示例： ``` public class FollowMouse : MonoBehaviour { void OnMouseDrag() { Vector3 mousePosition = new Vector3(Input....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值