编程 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 insertAfter() 实现函数代码

Oct 12 Javascript

浅谈javascript中基本包装类型

Jun 03 Javascript

jquery中cookie用法实例详解(获取,存储,删除等)

Jan 04 Javascript

IE和Firefox之间在JavaScript语法上的差异

Apr 22 Javascript

jquery 动态增加删除行的简单实例(推荐)

Oct 12 Javascript

jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法

Nov 16 Javascript

详解nuxt sass全局变量(公共scss解决方案)

Jun 27 Javascript

Vue实现用户自定义字段显示数据的方法

Aug 28 Javascript

封装微信小程序http拦截器过程解析

Aug 13 Javascript

layui文件上传控件带更改后数据传值的方法

Sep 23 Javascript

React 实现车牌键盘的示例代码

Dec 20 Javascript

js实现文章目录索引导航(table of content)

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

饭制《星际争霸》Mod：优化游戏机制增加新单位

2017/07/02 星际争霸

社区(php&&mysql)三

2006/10/09 PHP

PHP __autoload()方法真的影响性能吗?

2012/03/30 PHP

PHP 常用的header头部定义汇总

2015/06/19 PHP

PHP的Socket通信之UDP通信实例

2015/07/02 PHP

Thinkphp+smarty+uploadify实现无刷新上传

2015/07/30 PHP

使用Zttp简化Guzzle 调用

2017/07/02 PHP

PHP封装mysqli基于面向对象的mysql数据库操作类与用法示例

2019/02/25 PHP

Laravel 微信小程序后端搭建步骤详解

2019/11/26 PHP

PHP防止sql注入小技巧之sql预处理原理与实现方法分析

2019/12/13 PHP

bootstrap data与jquery .data

2014/07/07 Javascript

jQuery中last()方法用法实例

2015/01/06 Javascript

JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】

2017/04/01 Javascript

jQuery实现节点的追加、替换、删除、复制功能示例

2017/07/11 jQuery

JavaScript获取用户所在城市及地理位置

2018/04/21 Javascript

JavaScript实现简单的计算器

2020/01/16 Javascript

举例讲解Python程序与系统shell交互的方式

2015/04/09 Python

python关键字and和or用法实例

2015/05/28 Python

利用Python循环(包括while&for)各种打印九九乘法表的实例

2017/11/06 Python

Python实现自定义顺序、排列写入数据到Excel的方法

2018/04/23 Python

python使用turtle库与random库绘制雪花

2018/06/22 Python

Python运维自动化之nginx配置文件对比操作示例

2018/08/29 Python

详解django中使用定时任务的方法

2018/09/27 Python

Python数据分析模块pandas用法详解

2019/09/04 Python

Python解压 rar、zip、tar文件的方法

2019/11/19 Python

Python高阶函数、常用内置函数用法实例分析

2019/12/26 Python

python 实现aes256加密

2020/11/27 Python

网络技术支持面试题

2013/04/22 面试题

软件测试面试题

2014/01/05 面试题

护士上岗前培训自我鉴定

2014/04/20 职场文书

党员自我评价范文2015

2015/03/03 职场文书

试用期工作表现自我评价

2015/03/06 职场文书

大学运动会加油稿

2015/07/22 职场文书

我的中国梦心得体会范文

2016/01/05 职场文书

详解解Django 多对多表关系的三种创建方式

2021/08/23 Python

sql时间段切分实现每隔x分钟出一份高速门架车流量

2022/02/28 SQL Server