`
yantaoliu2006
  • 浏览: 91493 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

图片跟着鼠标走,js怎么写源代码

 
阅读更多

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>图片跟着鼠标走</title>

<script type="text/javascript">

function DivFlying() {

  var div = document.getElementById("divFly");

  if (!div) {

 return;

  }

  var intX = window.event.clientX;

  var intY = window.event.clientY;

  div.style.left = intX + "px";

  div.style.top = intY + "px";

}

document.onmousemove = DivFlying;

</script>

</head>

<body>

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

<img src="1.gif" />

</div>

</body>

</html>

分享到:
评论

相关推荐

    跟着鼠标转的眼睛

    “代码中国.txt”可能是一个纯文本文件,其中包含了项目的源代码或者是关于代码的一些注释和说明。这个文件可能包含关键函数的实现、变量定义、算法描述等编程要素,让我们能深入了解项目的编程逻辑。 “代码中国....

    跟随鼠标移动的文字

    使用“记事本”打开源代码意味着我们可以直接查看HTML和CSS(如果有的话)来理解其工作原理。 在实现这种效果时,主要涉及到的技术知识点包括: 1. **HTML**:HTML(HyperText Markup Language)是网页的基础结构...

    百度首页中国龙Js动画效果,鼠标跟随

    摘要:脚本资源,Ajax/JavaScript,中国龙 百度首页中国龙动画,龙年新年百度首页的Logo效果,基于JavaScript代码实现,支持鼠标跟随效果,把鼠标放在百度的Logo上面,龙就会指向鼠标,移动鼠标,龙就会跟着鼠标飞舞,...

    javascript网页特效实例大全

    3.11 查看网址源代码 46 3.12 将站点加入收藏夹 47 3.13 单击按钮返回默认主页 47 3.14 给指定的人员发信 48 3.15 弹出菜单式链接 49 3.16 图片选择器 50 3.17 链接导航框 51 3.18 小球跟踪链接 52 3.19 ...

    antv l7 实现自定义地图 以及地图抬高图层 以及散点轮播显示弹窗 鼠标悬浮弹窗

    在实际操作中,你需要编写JavaScript代码来配置L7实例,设置地图的中心点、比例尺、图层等属性,同时处理数据加载和事件响应。文件列表中的`antv`可能包含了示例代码、配置文件或者数据文件,用于展示上述功能的实现...

    使用百度地图JavaScript API 画轨迹,给出自定义图标和标注

    在本文中,我们将深入探讨如何使用百度地图JavaScript API 来绘制轨迹,并添加自定义图标和标注。这是一项在Web开发中常用于地理位置展示和分析的重要技术。首先,我们需要理解百度地图API的基础概念及其核心功能。 ...

    迅雷音乐频道Js时尚焦点图轮换完整版

    内容索引:脚本资源,Ajax/JavaScript,迅雷,图片切换 迅雷音乐频道JavaScript时尚焦点图轮换完整版,CSs与Js配合的结晶,用于娱乐和产品类、资讯类网站非常合适。左侧显示大图,右侧显示列表标题,鼠标移上列表则大图...

    Easy Image Preview jQuery鼠标移上显示大缩略图功能

    内容索引:脚本资源,jQuery,图片放大 Easy Image Preview jQuery鼠标移上显示大缩略图功能,上边的不带动画,下边那个带有动画效果,就是鼠标在小图上移动的话,弹出的大预览图也会跟着移动,更人性一点,其原理...

    傲游浏览器主页上JS焦点图切换效果

    内容索引:脚本资源,Ajax/JavaScript,图片切换,焦点图切换 傲游浏览器主页上的JS焦点图切换效果,当鼠标经过代表图片序号的小圆圈时,图片会跟着切换,操作体验非常不错,在兼容性方面,IE7/IE8/火狐等都运行正常,...

    jsplumb-:基于jsplumb制作的拖拽流程图,自动生成json数据,框架是基于H+的外壳

    在 `jsplumb--master` 压缩包中,可能包含了项目的源代码、示例、文档和其他资源。通常,开发者可以通过查看和学习这些文件来理解项目的结构、实现方式以及如何与 `jsplumb` 和 `H+` 集成。源码分析可以帮助进一步...

    simScroll 插件下载,用图片模拟滚动条

    内容索引:脚本资源,Ajax/JavaScript,滚动条 simScroll 插件下载,用图片模拟滚动条,个人觉得从功能上来说已接近完美了,不过还是有点东西要完善的。就目前来说它支持的功能有:  1、上下按钮、滚动区域,支持切换...

    从顶部滑入的JavaScript动画菜单

    动感菜单 从网页顶部滑入的JavaScript动画菜单,纯JS实现,记得以前有不少是使用jQuery制作的,效果都挺漂亮,平时是隐藏的,鼠标滑到页面顶部的时候菜单才会自动滑出来,滑过菜单项时候背景也会跟着变,...

    html 帮助文档集

    4. **事件处理**: JavaScript可以监听并响应用户的交互,如点击(`click`)、鼠标悬停(`mouseover`)等,通过`addEventListener`绑定事件处理函数。 5. **AJAX**: 异步JavaScript和XML,用于在不刷新整个页面的情况...

    Js无刷新切换网页风格,使用了jQuery

    内容索引:脚本资源,jQuery,无刷新,切换风格 JavaScript 无刷新切换网页风格,使用了jQuery插件,用鼠标点击那些不同颜色的小按钮,网页的风格就跟着变换了,而且页面中的其它元素并不发生变化,包括位置和大校现在...

    关于解决ElementUi中select框在页面滚动时el-option超出元素区域的问题+ cascader滚动超出问题

    在Vue.js开发中,ElementUI是一个非常流行的前端组件...但请注意,这个压缩包仅包含编译后的文件,可能需要结合源代码来理解修复的具体实现。在实际项目中,务必遵循良好的代码管理和版本控制实践,以方便维护和协作。

Global site tag (gtag.js) - Google Analytics