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

解决AJAX中跨域访问出现'没有权限'的错误

Aug 20 Javascript

Chrome中模态对话框showModalDialog返回值问题的解决方法

May 25 Javascript

Javascript表达式中连续的 && 和 || 之赋值区别

Oct 17 Javascript

简单实用的全选反选按钮例子

Oct 18 Javascript

EasyUI实现二级页面的内容勾选的方法

Mar 01 Javascript

详解javascript实现瀑布流列式布局

Jan 29 Javascript

JavaScript正则替换HTML标签功能示例

Mar 02 Javascript

ES6扩展运算符的用途实例详解

Aug 20 Javascript

vue.js 父向子组件传参的实例代码

Oct 29 Javascript

详解AngularJS之$window窗口对象

Jan 17 Javascript

vue组件表单数据回显验证及提交的实例代码

Aug 30 Javascript

JS/CSS实现字符串单词首字母大写功能

Sep 03 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

mantis安装、配置和使用中的问题小结

2014/07/14 PHP

php模拟post提交数据的方法

2015/02/12 PHP

JSON 教程 json入门学习笔记

2020/09/22 Javascript

JavaScript 比较时间大小的代码

2010/04/24 Javascript

javascript 面向对象的JavaScript类

2010/05/04 Javascript

关于JavaScript定义类和对象的几种方式

2010/11/09 Javascript

javascript中获取下个月一号，是星期几

2012/06/01 Javascript

jquery 插件学习（六）

2012/08/06 Javascript

CSS(js)限制页面显示的文本字符长度

2012/12/27 Javascript

JS 实现导航栏悬停效果

2013/09/23 Javascript

jquery滚动条插件jScrollPane的使用介绍

2013/11/08 Javascript

利用node.js如何搭建一个简易的即时响应服务器

2017/05/28 Javascript

基于 Vue.js 之 iView UI 框架非工程化实践记录(推荐)

2017/11/21 Javascript

微信小程序实现下载进度条的方法

2017/12/08 Javascript

jquery实现弹窗（系统提示框）效果

2019/12/10 jQuery

JS中数组实现代码(倒序遍历数组,数组连接字符串)

2019/12/29 Javascript

python正则表达式修复网站文章字体不统一的解决方法

2013/02/21 Python

详解Python中的type()方法的使用

2015/05/21 Python

Python画图学习入门教程

2016/07/01 Python

python的staticmethod与classmethod实现实例代码

2018/02/11 Python

Python实现简单的用户交互方法详解

2018/09/25 Python

python使用Matplotlib画饼图

2018/09/25 Python

详解多线程Django程序耗尽数据库连接的问题

2018/10/08 Python

Django中间件基础用法详解

2019/07/18 Python

Python2与Python3的区别详解

2020/02/09 Python

pycharm新建Vue项目的方法步骤(图文)

2020/03/04 Python

HTML5实现晶莹剔透的雨滴特效

2014/05/14 HTML / CSS

英国女士家居服网站：hush

2017/08/09 全球购物

英国票务网站：Ticketmaster英国

2018/08/27 全球购物

程序员岗位职责

2013/11/11 职场文书

植树节口号

2014/06/21 职场文书

群众路线查摆问题整改措施思想汇报

2014/10/10 职场文书

2014年管理工作总结

2014/11/22 职场文书

2016年校园重阳节广播稿

2015/12/18 职场文书

小学秋季运动会加油口号及加油稿

2019/08/19 职场文书

golang中的空slice案例

2021/04/27 Golang