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程序设计有所帮助。

Javascript 相关文章推荐
json 定义
Jun 10 Javascript
JavaScript实用技巧(一)
Aug 16 Javascript
javascript 进阶篇1 正则表达式,cookie管理,userData
Mar 14 Javascript
如何将php数组或者对象传递给javascript
Mar 20 Javascript
js的延迟执行问题分析
Jun 23 Javascript
浅析AngularJS中的生命周期和延迟处理
Jun 18 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
May 04 Javascript
vue-cli如何添加less 以及sass
Jul 06 Javascript
详解webpack-dev-server使用方法
Sep 14 Javascript
bootstrap-table实现表头固定以及列固定的方法示例
Mar 07 Javascript
Vue-resource安装过程及使用方法解析
Jul 21 Javascript
简单了解vue 插值表达式Mustache
Jul 22 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
基于PHP CURL用法的深入分析
2013/06/09 PHP
Laravel框架数据库CURD操作、连贯操作总结
2014/09/03 PHP
PHP中include/require/include_once/require_once使用心得
2016/08/28 PHP
PHP里面把16进制的图片数据显示在html的img标签上(实现方法)
2017/05/02 PHP
thinkPHP框架中layer.js的封装与使用方法示例
2019/01/18 PHP
formStorage 基于jquery的一个插件(存储表单中元素的状态到本地)
2012/01/20 Javascript
JavaScript变量的作用域全解析
2015/08/14 Javascript
微信小程序 地图map详解及简单实例
2017/01/10 Javascript
详解nodejs异步I/O和事件循环
2017/06/07 NodeJs
详解angular路由高亮之RouterLinkActive
2018/04/28 Javascript
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
2018/05/04 Javascript
vue如何将v-for中的表格导出来
2018/05/07 Javascript
Vue2.0 实现歌手列表滚动及右侧快速入口功能
2018/08/08 Javascript
Vue项目实现换肤功能的一种方案分析
2019/08/28 Javascript
[01:06:42]VP vs NewBee Supermajor 胜者组 BO3 第二场 6.5
2018/06/06 DOTA
[01:10:30]DOTA2-DPC中国联赛正赛 Dragon vs Dynasty BO3 第一场 3月4日
2021/03/11 DOTA
详解python中executemany和序列的使用方法
2017/08/12 Python
python读写csv文件实例代码
2019/07/05 Python
对django中foreignkey的简单使用详解
2019/07/28 Python
python的time模块和datetime模块实例解析
2019/11/29 Python
CSS3——齿轮转动关键代码
2013/05/02 HTML / CSS
实例讲解使用SVG制作loading加载动画的方法
2016/04/05 HTML / CSS
国际领先的在线时尚服装和配饰店:DressLily
2019/03/03 全球购物
实习老师个人总结的自我评价
2013/09/28 职场文书
企业统计员岗位职责
2013/12/13 职场文书
西门豹教学反思
2014/02/04 职场文书
幼儿园教学管理制度
2014/02/04 职场文书
公司总经理工作职责管理办法
2014/02/28 职场文书
捐款倡议书
2014/04/14 职场文书
小学生安全演讲稿
2014/04/25 职场文书
初中英语课后反思
2014/04/25 职场文书
物理学专业求职信
2014/07/04 职场文书
实习证明格式范文
2014/10/14 职场文书
综合素质自我评价评语
2015/03/06 职场文书
护理专业自荐信范文
2015/03/06 职场文书
MongoDB修改oplog大小的四种方法
2022/04/11 MongoDB