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

extjs 学习笔记（三）最基本的grid

Oct 15 Javascript

firefox firebug中文入门教程脚本之家新年特别版

Jan 02 Javascript

JavaScript实现的双向跨域插件分享

Jan 31 Javascript

浅谈javascript函数式编程

Sep 06 Javascript

深入理解JS中的substr和substring

Apr 26 Javascript

如何用JS判断两个数字的大小

Jul 21 Javascript

Web打印解决方案之证件套打的实现思路

Aug 29 Javascript

JScript实现表格的简单操作

Aug 15 Javascript

详谈commonjs模块与es6模块的区别

Oct 18 Javascript

vue双花括号的使用方法附练习题

Nov 07 Javascript

vue后台管理之动态加载路由的方法

Aug 13 Javascript

Vue.js仿Select下拉框效果

Feb 18 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数组

2006/10/09 PHP

并发下常见的加锁及锁的PHP具体实现代码

2010/10/12 PHP

解析php函数method_exists()与is_callable()的区别

2013/06/21 PHP

PHP中使用gettext解决国际化问题的例子（i18n）

2014/06/13 PHP

js实现按一下删除键删除整个单词附demo

2014/09/05 Javascript

javascript判断复选框是否选中的方法

2015/10/16 Javascript

jQuery实现ctrl+enter（回车）提交表单

2015/10/19 Javascript

5种JavaScript脚本加载的方式

2017/01/16 Javascript

Bootstrap学习笔记之进度条、媒体对象实例详解

2017/03/09 Javascript

详解Node.js开发中的express-session

2017/05/19 Javascript

Node.js 使用命令行工具检查更新

2017/06/08 Javascript

通过封装scroll.js 获取滚动条的值

2018/07/13 Javascript

WebSocket的简单介绍及应用

2019/05/23 Javascript

JS实现灯泡开关特效

2020/03/30 Javascript

[50:58]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 Mineski vs EG

2018/04/03 DOTA

python安装与使用redis的方法

2016/04/19 Python

pygame加载中文名mp3文件出现error

2017/03/31 Python

Python扩展内置类型详解

2018/03/26 Python

Pycharm保存不能自动同步到远程服务器的解决方法

2019/06/27 Python

python GUI库图形界面开发之PyQt5信号与槽机制、自定义信号基础介绍

2020/02/25 Python

使用tensorflow框架在Colab上跑通猫狗识别代码

2020/04/26 Python

canvas绘制文本内容自动换行的实现代码

2019/01/14 HTML / CSS

详解px单位html5响应式方案

2018/03/08 HTML / CSS

继承公证书样本

2014/04/04 职场文书

高中生班主任评语

2014/04/25 职场文书

廉洁自律演讲稿

2014/05/22 职场文书

励志演讲稿大全

2014/08/21 职场文书

中队活动总结

2014/08/27 职场文书

医学检验专业自荐信

2014/09/18 职场文书

神农溪导游词

2015/02/11 职场文书

仓库统计员岗位职责

2015/04/14 职场文书

紫日观后感

2015/06/05 职场文书

签证工作证明模板

2015/06/15 职场文书

多属性、多分类MySQL模式设计

2021/04/05 MySQL

pytorch 如何把图像数据集进行划分成train,test和val

2021/05/31 Python

排查并解决Oracle sysaux表空间异常增长

2022/04/20 Oracle