`
yantaoliu2006
  • 浏览: 92290 次
  • 性别: 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 ...

    Vue实现鼠标经过文字显示悬浮框效果的示例代码

    在Vue.js中,实现鼠标经过文字时显示悬浮框效果,通常涉及事件监听和DOM操作。以下是一个详细的步骤解释: 1. **需求分析**: 在Vue项目中,我们希望当鼠标移到特定的文字或按钮上时,能在鼠标附近显示一个悬浮框...

    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