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程序设计有所帮助。

Javascript 相关文章推荐
编写跨浏览器的javascript代码必备[js多浏览器兼容写法]
Oct 29 Javascript
jQuery语法高亮插件支持各种程序源代码语法着色加亮
Apr 27 Javascript
String.prototype实现的一些javascript函数介绍
Nov 22 Javascript
单元选择合并变色示例代码
May 26 Javascript
jQuery实现复选框全选/取消全选/反选及获得选择的值
Jun 12 Javascript
简介JavaScript中的setTime()方法的使用
Jun 11 Javascript
jQuery插件datepicker 日期连续选择
Jun 12 Javascript
使用jQuery实现WordPress中的Ctrl+Enter和@评论回复
May 21 Javascript
js实现四舍五入完全保留两位小数的方法
Aug 02 Javascript
jQuery Dialog 打开时自动聚焦的解决方法(两种方法)
Nov 24 Javascript
Javascript blur与click冲突解决办法
Jan 09 Javascript
深入了解Vue.js 混入(mixins)
Jul 23 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操作FTP类 (上传、下载、移动、创建等)
2016/03/31 PHP
使用phpQuery获取数组的实例
2017/03/13 PHP
thinkPHP5.0框架命名空间详解
2017/03/18 PHP
PHP 99乘法表的几种实现代码
2020/10/13 PHP
php操作redis命令及代码实例大全
2020/11/19 PHP
JavaScript 创建对象和构造类实现代码
2009/07/30 Javascript
基于jquery的让textarea自适应高度的插件
2010/08/03 Javascript
JavaScript实现给按钮加上双重动作的方法
2015/08/14 Javascript
jQuery实现Meizu魅族官方网站的导航菜单效果
2015/09/14 Javascript
完美解决IE不支持Data.parse()的问题
2016/11/24 Javascript
关于axios返回空对象的问题解决
2017/04/04 Javascript
你应该知道的几类npm依赖包管理详解
2017/10/06 Javascript
vue mounted组件的使用
2018/06/18 Javascript
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
2019/09/03 jQuery
Vue实现开心消消乐游戏算法
2019/10/22 Javascript
使用webpack和rollup打包组件库的方法
2021/02/25 Javascript
[03:43]2014DOTA2西雅图国际邀请赛 newbee战队巡礼
2014/07/07 DOTA
python实现微信跳一跳辅助工具步骤详解
2018/01/04 Python
Python批量查询关键词微信指数实例方法
2019/06/27 Python
python求质数列表的例子
2019/11/24 Python
Java如何基于wsimport调用wcf接口
2020/06/17 Python
Python3.8安装Pygame教程步骤详解
2020/08/14 Python
美国南加州的原创极限运动潮牌:Vans(范斯)
2016/08/05 全球购物
Sneaker Studio法国:购买运动鞋
2018/06/08 全球购物
Keds加拿大官网:购买帆布运动鞋和皮鞋
2019/09/26 全球购物
美国户外烹饪产品购物网站:Outdoor Cooking
2020/01/10 全球购物
HomeAway英国:全球领先的度假租赁在线市场
2020/02/03 全球购物
IGK Hair官网:喷雾、洗发水、护发素等
2020/11/03 全球购物
在C#中如何实现多态
2014/07/02 面试题
学生的自我鉴定范文
2013/10/24 职场文书
应聘收银员个人的求职信
2013/11/30 职场文书
《乌鸦和狐狸》教学反思
2014/02/08 职场文书
工作经验交流材料
2014/12/30 职场文书
教代会开幕词
2015/01/28 职场文书
2016年大学迎新工作总结
2015/10/14 职场文书
PHP中->和=>的意思
2021/03/31 PHP