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

javascript与CSS复习(二)

Jun 29 Javascript

Jquery下EasyUI组件中的DataGrid结果集清空方法

Jan 06 Javascript

jQuery中的编程范式详解

Dec 15 Javascript

基于jQuery实现返回顶部实例代码

Jan 01 Javascript

js中用cssText设置css样式的简单方法

Sep 19 Javascript

前端js实现文件的断点续传后端PHP文件接收

Oct 14 Javascript

javascript回调函数详解

Feb 06 Javascript

jQuery实现的鼠标响应缓冲动画效果示例

Feb 13 jQuery

Angular CLI 使用教程指南参考小结

Apr 10 Javascript

TypeScript开发Node.js程序的方法

Apr 30 Javascript

elementui之el-tebs浏览器卡死的问题和使用报错未注册问题

Jul 06 Javascript

用原生JS实现爱奇艺首页导航栏代码实例

Sep 19 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和Mysqlweb应用开发核心技术－第1部分 Php基础－2 php语言介绍

2011/07/03 PHP

PHP中substr函数字符串截取用法分析

2016/01/07 PHP

php类自动装载、链式操作、魔术方法实现代码

2017/07/23 PHP

用JQuery 实现AJAX加载XML并解析的脚本

2009/07/25 Javascript

比Jquery的document.ready更快的方法

2010/04/28 Javascript

解析JavaScript中的标签语句

2013/06/19 Javascript

js中onload与onunload的使用示例

2013/08/25 Javascript

js动态添加表格数据使用insertRow和insertCell实现

2014/05/22 Javascript

JavaScript实现下拉列表框数据增加、删除、上下排序的方法

2015/08/11 Javascript

jQuery实现TAB选项卡切换特效简单演示

2016/03/04 Javascript

微信小程序 wx.request方法的异步封装实例详解

2017/05/18 Javascript

JS实现微信里判断页面是否被分享成功的方法

2017/06/06 Javascript

vue.js实现数据动态响应 Vue.set的简单应用

2017/06/15 Javascript

解决微信二次分享不显示摘要和图片的问题

2017/08/18 Javascript

JavaScript实现随机数生成器（去重）

2017/10/13 Javascript

详解开发react应用最好用的脚手架 create-react-app

2018/04/24 Javascript

JavaScript多态与封装实例分析

2018/07/27 Javascript

使用FormData实现上传多个文件

2018/12/04 Javascript

vue设置导航栏、侧边栏为公共页面的例子

2019/11/01 Javascript

微信小程序实现限制用户转发功能的实例代码

2020/02/22 Javascript

举例详解Python中的split()函数的使用方法

2015/04/07 Python

详解 Python 读写XML文件的实例

2017/08/02 Python

Python实现的人工神经网络算法示例【基于反向传播算法】

2017/11/11 Python

查看django版本的方法分享

2018/05/14 Python

python使用RNN实现文本分类

2018/05/24 Python

Pycharm2017版本设置启动时默认自动打开项目的方法

2018/10/29 Python

Python 中的 global 标识对变量作用域的影响

2019/08/12 Python

python同义词替换的实现（jieba分词）

2020/01/21 Python

html5录音功能实战示例

2019/03/25 HTML / CSS

党校个人自我鉴定范文

2014/03/28 职场文书

酒店总经理岗位职责范本

2014/08/08 职场文书

单位授权委托书范本

2014/09/26 职场文书

个人工作年终总结

2015/03/09 职场文书

主持人大赛开场白

2015/05/29 职场文书

浅析CSS在DevTools 中架构演变

2021/10/05 HTML / CSS

使用Mysql计算地址的经纬度距离和实时位置信息

2022/04/29 MySQL