编程 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 getBoundingClientRect() 来获取页面元素的位置

Nov 25 Javascript

IE6中使用position导致页面变形的解决方案(js代码)

Jan 09 Javascript

javascript实现全角与半角字符的转换

Jan 07 Javascript

基于canvas实现的绚丽圆圈效果完整实例

Jan 26 Javascript

js判断输入字符串是否为空、空格、null的方法总结

Jun 14 Javascript

JavaScript中windows.open()、windows.close()方法详解

Jul 28 Javascript

浅谈AngularJS中ng-class的使用方法

Nov 11 Javascript

VUE element-ui 写个复用Table组件的示例代码

Nov 18 Javascript

vue父组件向子组件(props)传递数据的方法

Jan 02 Javascript

vue之浏览器存储方法封装实例

Mar 15 Javascript

vue 实现复制内容到粘贴板clipboard的方法

Mar 17 Javascript

vue路由跳转传参数的方法

May 06 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

使用GROUP BY的时候如何统计记录条数 COUNT(*) DISTINCT

2011/04/23 PHP

PHP获取栏目的所有子级和孙级栏目的ID号示例

2014/04/01 PHP

PHP 读取文本文件内容并分页显示

2016/01/02 PHP

YII2框架中excel表格导出的方法详解

2017/07/21 PHP

PHP实现根据数组某个键值大小进行排序的方法

2018/03/13 PHP

php源码的使用方法讲解

2019/09/26 PHP

Add Formatted Text to a Word Document

2007/06/15 Javascript

Javascript 更新 JavaScript 数组的 uniq 方法

2008/01/23 Javascript

JQuery的一些小应用收集

2010/03/27 Javascript

js类型检查实现代码

2010/10/29 Javascript

js限制文本框只能输入数字方法小结

2014/06/16 Javascript

node.js中的events.emitter.removeAllListeners方法使用说明

2014/12/10 Javascript

浅析Node.js中使用依赖注入的相关问题及解决方法

2015/06/24 Javascript

微信小程序生命周期和页面的生命周期详细介绍

2017/01/19 Javascript

详解Vue.js搭建路由报错 router.map is not a function

2017/06/27 Javascript

bootstrap3-dialog-master模态框使用详解

2017/08/22 Javascript

jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】

2017/09/12 jQuery

vue实现点击展开点击收起效果

2018/04/27 Javascript

JavaScript 2018 中即将迎来的新功能

2018/09/21 Javascript

vue实现Input输入框模糊查询方法

2021/01/29 Javascript

[19:26]TNC vs EG (BO3)

2018/06/07 DOTA

关于Python元祖,列表,字典,集合的比较

2017/01/06 Python

使用Python对Dicom文件进行读取与写入的实现

2020/04/20 Python

Pytorch自定义Dataset和DataLoader去除不存在和空数据的操作

2021/03/03 Python

德国最大的网上足球商店：11teamsports

2019/09/11 全球购物

Wiggle澳大利亚：自行车、跑步、游泳商店

2020/11/07 全球购物

关于打架的检讨书

2014/01/17 职场文书

2014年重阳节活动策划方案书

2014/09/16 职场文书

单位工作证明格式模板

2014/10/04 职场文书

交通局领导班子群众路线教育实践活动对照检查材料思想汇报

2014/10/09 职场文书

2014年乡镇安全生产工作总结

2014/12/02 职场文书

财务部会计岗位职责

2015/02/03 职场文书

工作调动申请报告

2015/05/18 职场文书

2015年秋季运动会广播稿

2015/08/19 职场文书

工作报告范文

2019/06/20 职场文书

基于Python实现射击小游戏的制作

2022/04/06 Python