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

A标签触发onclick事件而不跳转的多种解决方法

Jun 27 Javascript

javascript 构造函数方式定义对象

Jan 02 Javascript

jQuery制作拼图小游戏

Jan 12 Javascript

JavaScript分秒倒计时器实现方法

Feb 02 Javascript

JQuery悬停控制图片轮播——代码简单

Aug 05 Javascript

javascript创建cookie、读取cookie

Mar 31 Javascript

AngularJS之页面跳转Route实例代码

Mar 10 Javascript

jQuery实现多张图片上传预览（不经过后端处理）

Apr 29 jQuery

微信小程序滚动Tab实现左右可滑动切换

Aug 17 Javascript

weui框架实现上传、预览和删除图片功能代码

Aug 24 Javascript

vue的三种图片引入方式代码实例

Nov 19 Javascript

JavaScript通如何过RGraph实现动态仪表盘

Oct 15 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

实现获取http内容的php函数分享

2014/02/16 PHP

微信公众号开发之微信公共平台消息回复类实例

2014/11/14 PHP

PHP实现的DES加密解密封装类完整实例

2017/04/29 PHP

PHP设计模式之工厂模式定义与用法详解

2018/04/03 PHP

php 使用html5 XHR2实现上传文件与进度显示功能示例

2020/03/03 PHP

JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)

2013/12/14 Javascript

解决jQuery动态获取手机屏幕高和宽的问题

2014/05/07 Javascript

AngularJS内置指令

2015/02/04 Javascript

JavaScript中数组继承的简单示例

2015/07/29 Javascript

基于JavaScript实现Json数据根据某个字段进行排序

2015/11/24 Javascript

jQuery插件ajaxfileupload.js实现上传文件

2020/10/23 Javascript

有关easyui-layout中的收缩层无法显示标题的解决办法

2016/05/10 Javascript

javascript实现圣旨卷轴展开效果（代码分享）

2017/03/23 Javascript

koa-router源码学习小结

2018/09/07 Javascript

Vue-Quill-Editor富文本编辑器的使用教程

2018/09/21 Javascript

记一次Vue.js混入mixin的使用(分权限管理页面)

2019/04/17 Javascript

在JavaScript中使用严格模式(Strict Mode)

2019/06/13 Javascript

JS数组splice操作实例分析

2019/10/12 Javascript

jquery实现直播视频弹幕效果

2020/02/25 jQuery

对python 数据处理中的LabelEncoder 和 OneHotEncoder详解

2018/07/11 Python

Python3如何在Windows和Linux上打包

2020/02/25 Python

python图片剪裁代码(图片按四个点坐标剪裁)

2020/03/10 Python

pycharm配置python 设置pip安装源为豆瓣源

2021/02/05 Python

CSS3 选择器属性选择器介绍

2012/01/21 HTML / CSS

C++面试题目

2013/06/25 面试题

外贸采购员岗位职责

2014/03/08 职场文书

物业客服专员岗位职责

2015/04/07 职场文书

2015年幼儿园中班下学期工作总结

2015/05/22 职场文书

红色经典观后感

2015/06/18 职场文书

2016学习依法治国心得体会

2016/01/15 职场文书

2016年小学中秋节活动总结

2016/04/05 职场文书

高中班主任工作总结（范文）

2019/08/20 职场文书

详解Redis实现限流的三种方式

2021/04/27 Redis

Redis分布式锁的7种实现

2022/04/01 Redis

Win11无法访问设备和打印机如何解决页面空白

2022/04/09 数码科技

阿里面试Nacos配置中心交互模型是push还是pull原理解析

2022/07/23 Java/Android