编程 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 ToolTip提示效果

Jul 20 Javascript

JavaScript控制Session操作方法

Jan 17 Javascript

JQuery实现鼠标移动到图片上显示边框效果

Jan 09 Javascript

基于jquery实现鼠标左右拖动滑块滑动附源码下载

Dec 23 Javascript

深入浅析JavaScript的API设计原则

Jun 14 Javascript

微信小程序 Buffer缓冲区的详解

Jul 06 Javascript

select自定义小三角样式代码（实用总结）

Aug 18 Javascript

vue.js语法及常用指令

Oct 29 Javascript

webpack4.0打包优化策略整理小结

Mar 30 Javascript

微信小程序手机号码验证功能的实例代码

Aug 28 Javascript

vue-cli安装使用流程步骤详解

Nov 08 Javascript

JavaScript常用工具方法封装

Feb 12 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做下载文件的实现代码及文件名中乱码解决方法

2011/02/03 PHP

php将access数据库转换到mysql数据库的方法

2014/12/24 PHP

PHP编程获取各个时间段具体时间的方法

2017/05/26 PHP

Yii框架操作cookie与session的方法实例详解

2019/09/04 PHP

PHP中关于php.ini参数优化详解

2020/02/28 PHP

js 字符串操作函数

2009/07/25 Javascript

js使用正则实现ReplaceAll全部替换的方法

2014/08/22 Javascript

javascript的push使用指南

2014/12/05 Javascript

jQuery简单几行代码实现tab切换

2015/03/10 Javascript

JavaScript设计模式学习之“类式继承”

2015/03/12 Javascript

jQuery插件实现控制网页元素动态居中显示

2015/03/24 Javascript

Vue.js基础知识汇总

2016/04/27 Javascript

jQuery实现加入收藏夹功能(主流浏览器兼职)

2016/12/24 Javascript

js实现返回顶部效果

2017/03/10 Javascript

Vue原理剖析实现双向绑定MVVM

2017/05/03 Javascript

JS实现的JSON序列化操作简单示例

2018/07/02 Javascript

Vue中使用 setTimeout() setInterval()函数的问题

2018/09/13 Javascript

vue如何使用async、await实现同步请求

2019/12/09 Javascript

jQuery实现飞机大战小游戏

2020/07/05 jQuery

uniapp实现可滑动选项卡

2020/10/21 Javascript

[02:29]大剑、皮鞭、女装，这届DOTA2勇士令状里都有

2020/07/17 DOTA

Python 字符串操作方法大全

2014/03/11 Python

Python基于DES算法加密解密实例

2015/06/03 Python

Python反射和内置方法重写操作详解

2018/08/27 Python

Django框架视图介绍与使用详解

2019/07/18 Python

python 申请内存空间,用于创建多维数组的实例

2019/12/02 Python

聊聊Python pandas 中loc函数的使用,及跟iloc的区别说明

2021/03/03 Python

西班牙Polo衫品牌：Polo Club

2020/08/09 全球购物

String和StringBuffer的区别

2015/08/13 面试题

自我鉴定电子商务专业

2014/01/30 职场文书

医学专业职业生涯规划范文

2014/02/05 职场文书

社区健康教育工作方案

2014/06/03 职场文书

党的群众路线调研报告

2014/11/03 职场文书

省级三好学生主要事迹材料

2015/11/03 职场文书

2019大学生实习报告

2019/06/21 职场文书

Java8中接口的新特性使用指南

2021/11/01 Java/Android