编程 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 相关文章推荐

js 获取计算后的样式写法及注意事项

Feb 25 Javascript

元素未显示设置width/height时IE中使用currentStyle获取为auto

May 04 Javascript

在JS数组特定索引处指定位置插入元素

Jul 27 Javascript

JavaScript中的原型prototype属性使用详解

Jun 05 Javascript

JQuery中ajax方法访问web服务实例

Jul 18 Javascript

JavaScript记录光标在编辑器中位置的实现方法

Apr 22 Javascript

Javascript实现汉字和拼音互转的终极方案

Oct 19 Javascript

Vue实现virtual-dom的原理简析

Jul 10 Javascript

Babel 入门教程学习笔记

Jun 13 Javascript

Vue 中文本内容超出规定行数后展开收起的处理的实现方法

Apr 28 Javascript

vue+导航锚点联动-滚动监听和点击平滑滚动跳转实例

Nov 13 Javascript

小程序websocket心跳库(websocket-heartbeat-miniprogram)

Feb 23 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

丧钟首部独立剧集《丧钟：骑士与龙》北美正式开播，场面血腥

2020/04/09 欧美动漫

php sprintf()函数让你的sql操作更安全

2008/07/23 PHP

php 小乘法表实现代码

2009/07/16 PHP

PHP 面向对象 final类与final方法

2010/05/05 PHP

php 安全过滤函数代码

2011/05/07 PHP

用HTML/JS/PHP方式实现页面延时跳转的简单实例

2016/07/18 PHP

用Laravel轻松处理千万级数据的方法实现

2020/12/25 PHP

各浏览器中querySelector和querySelectorAll的实现差异分析

2012/05/23 Javascript

jquery弹窗插件colorbox绑定动态生成元素的方法

2014/06/20 Javascript

apply和call方法定义及apply和call方法的区别

2015/11/15 Javascript

javascript实现的猜数小游戏完整实例代码

2016/05/10 Javascript

webix+springmvc session超时跳转登录页面

2016/10/30 Javascript

js实现产品缩略图效果

2017/03/10 Javascript

Angular使用Restful的增删改

2018/12/28 Javascript

少女风vue组件库的制作全过程

2019/05/15 Javascript

vue-router跳转时打开新页面的两种方法

2019/07/29 Javascript

js中offset,client , scroll 三大元素知识点总结

2019/09/11 Javascript

JavaScript原型继承和原型链原理详解

2020/02/04 Javascript

python使用fork实现守护进程的方法

2017/11/16 Python

Python变量赋值的秘密分享

2018/04/03 Python

Window 64位下python3.6.2环境搭建图文教程

2018/09/19 Python

Django+uni-app实现数据通信中的请求跨域的示例代码

2019/10/12 Python

python实现扑克牌交互式界面发牌程序

2020/04/22 Python

使用python库xlsxwriter库来输出各种xlsx文件的示例

2020/09/01 Python

HTML5 常用语法一览(列举不支持的属性)

2010/01/26 HTML / CSS

伦敦时尚生活的缩影：LN-CC

2017/01/24 全球购物

学习党章思想汇报

2014/01/07 职场文书

2014学年自我鉴定

2014/02/23 职场文书

初三新学期计划书

2014/05/03 职场文书

电工技术比武方案

2014/05/11 职场文书

园林系毕业生求职信

2014/06/23 职场文书

中学清明节活动总结

2014/07/04 职场文书

综治维稳工作承诺书

2014/08/30 职场文书

学习张林森心得体会

2014/09/10 职场文书

四风对照检查材料思想汇报

2014/09/20 职场文书

订货会主持词

2015/07/01 职场文书