编程 Javascript

javascript实现图片跟随鼠标移动效果的方法

Posted in Javascript onMay 13, 2015

本文实例讲述了javascript实现图片跟随鼠标移动效果的方法。分享给大家供大家参考。具体实现方法如下：

<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="fly.gif" /><br />
低调的跟着鼠标飘过~~
</div>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

- Author -

永远爱好写程序

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery $.ajax入门应用二

Nov 19 Javascript

JavaScript实现动态增加文件域表单

Feb 12 Javascript

jquery ajax的success回调函数中实现按钮置灰倒计时

Nov 19 Javascript

JS获取URL中的参数数据

Dec 05 Javascript

JS(JQuery)操作Array的相关方法介绍

Feb 11 Javascript

js的Prototype属性解释及常用方法

May 08 Javascript

JS判断是否360安全浏览器极速内核的方法

Jan 29 Javascript

详解vue添加删除元素的方法

Jun 30 Javascript

vue实现在一个方法执行完后执行另一个方法的示例

Aug 25 Javascript

Angular8引入百度Echarts进行图表分析的实现代码

Nov 27 Javascript

javascript运行机制之执行顺序理解

Aug 03 Javascript

javascript鼠标滑动评分控件完整实例

May 13 #Javascript

javascript实现链接单选效果的方法

May 13 #Javascript

javascript实现table选中的行以指定颜色高亮显示的方法

May 13 #Javascript

javascript实现table表格隔行变色的方法

May 13 #Javascript

javascript模拟评分控件实现方法

May 13 #Javascript

javascript动态设置样式style实例分析

May 13 #Javascript

javascript事件冒泡实例分析

May 13 #Javascript

You might like

thinkPHP5实现的查询数据库并返回json数据实例

2017/10/23 PHP

PHP检查URL包含特定字符串实例方法

2019/02/11 PHP

始终在屏幕中间显示Div的代码(css+js)

2011/03/10 Javascript

鼠标经过tr时,改变tr当前背景颜色

2014/01/13 Javascript

jQuery后代选择器用法实例

2014/12/23 Javascript

在linux中使用包管理器安装node.js

2015/03/13 Javascript

浅谈jquery.fn.extend与jquery.extend区别

2015/07/13 Javascript

CSS javascript 结合实现悬浮固定菜单效果

2015/08/23 Javascript

jQuery实现返回顶部功能

2016/02/23 Javascript

javaScript中的原型解析【推荐】

2016/05/05 Javascript

JS获取复选框的值,并传递到后台的实现方法

2016/05/30 Javascript

jQuery实现的简单拖拽功能示例

2016/09/13 Javascript

详解Bootstrap各式各样的按钮(推荐)

2016/12/13 Javascript

详解js中Number()、parseInt()和parseFloat()的区别

2016/12/20 Javascript

使用ionic在首页新闻中应用到的跑马灯效果的实现方法

2017/02/13 Javascript

Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)

2017/09/14 Javascript

vue 实现 ios 原生picker 效果及实现思路解析

2017/12/06 Javascript

Vue完整项目构建(进阶篇)

2018/02/10 Javascript

webpack打包非模块化js的方法

2018/10/24 Javascript

js实现多个倒计时并行 js拼团倒计时

2019/02/25 Javascript

基于 Vue 的 Electron 项目搭建过程图文详解

2020/07/22 Javascript

[03:36]2014DOTA2 TI小组赛综述八强诞生进军钥匙球馆

2014/07/15 DOTA

[00:34]DOTA2上海特级锦标赛 Spirit战队宣传片

2016/03/04 DOTA

pandas重新生成索引的方法

2018/11/06 Python

python3.6使用tkinter实现弹跳小球游戏

2019/05/09 Python

python装饰器使用实例详解

2019/12/14 Python

Python编写单元测试代码实例

2020/09/10 Python

HTML块级标签汇总（小篇）

2016/07/13 HTML / CSS

FILA斐乐中国官方商城：意大利运动品牌

2017/01/25 全球购物

环境科学专业研究生求职信

2013/10/02 职场文书

企业行政文员岗位职责

2013/12/03 职场文书

竞选劳动委员演讲稿

2014/04/28 职场文书

领导干部廉政自律承诺书

2014/05/26 职场文书

党的群众路线教育实践活动个人对照检查材料范文

2014/09/25 职场文书

Android开发实现极为简单的QQ登录页面

2022/04/24 Java/Android

vue-cli3.x配置全局的scss的时候报错问题及解决

2022/04/30 Vue.js