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 相关文章推荐
js 获取计算后的样式写法及注意事项
Feb 25 Javascript
元素未显示设置width/height时IE中使用currentStyle获取为auto
May 04 Javascript
在JS数组特定索引处指定位置插入元素
Jul 27 Javascript
JavaScript中的原型prototype属性使用详解
Jun 05 Javascript
JQuery中ajax方法访问web服务实例
Jul 18 Javascript
JavaScript记录光标在编辑器中位置的实现方法
Apr 22 Javascript
Javascript实现汉字和拼音互转的终极方案
Oct 19 Javascript
Vue实现virtual-dom的原理简析
Jul 10 Javascript
Babel 入门教程学习笔记
Jun 13 Javascript
Vue 中文本内容超出规定行数后展开收起的处理的实现方法
Apr 28 Javascript
vue+导航锚点联动-滚动监听和点击平滑滚动跳转实例
Nov 13 Javascript
小程序websocket心跳库(websocket-heartbeat-miniprogram)
Feb 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
丧钟首部独立剧集《丧钟:骑士与龙》北美正式开播,场面血腥
2020/04/09 欧美动漫
php sprintf()函数让你的sql操作更安全
2008/07/23 PHP
php 小乘法表实现代码
2009/07/16 PHP
PHP 面向对象 final类与final方法
2010/05/05 PHP
php 安全过滤函数代码
2011/05/07 PHP
用HTML/JS/PHP方式实现页面延时跳转的简单实例
2016/07/18 PHP
用Laravel轻松处理千万级数据的方法实现
2020/12/25 PHP
各浏览器中querySelector和querySelectorAll的实现差异分析
2012/05/23 Javascript
jquery弹窗插件colorbox绑定动态生成元素的方法
2014/06/20 Javascript
apply和call方法定义及apply和call方法的区别
2015/11/15 Javascript
javascript实现的猜数小游戏完整实例代码
2016/05/10 Javascript
webix+springmvc session超时跳转登录页面
2016/10/30 Javascript
js实现产品缩略图效果
2017/03/10 Javascript
Angular使用Restful的增删改
2018/12/28 Javascript
少女风vue组件库的制作全过程
2019/05/15 Javascript
vue-router跳转时打开新页面的两种方法
2019/07/29 Javascript
js中offset,client , scroll 三大元素知识点总结
2019/09/11 Javascript
JavaScript原型继承和原型链原理详解
2020/02/04 Javascript
python使用fork实现守护进程的方法
2017/11/16 Python
Python变量赋值的秘密分享
2018/04/03 Python
Window 64位下python3.6.2环境搭建图文教程
2018/09/19 Python
Django+uni-app实现数据通信中的请求跨域的示例代码
2019/10/12 Python
python实现扑克牌交互式界面发牌程序
2020/04/22 Python
使用python库xlsxwriter库来输出各种xlsx文件的示例
2020/09/01 Python
HTML5 常用语法一览(列举不支持的属性)
2010/01/26 HTML / CSS
伦敦时尚生活的缩影:LN-CC
2017/01/24 全球购物
学习党章思想汇报
2014/01/07 职场文书
2014学年自我鉴定
2014/02/23 职场文书
初三新学期计划书
2014/05/03 职场文书
电工技术比武方案
2014/05/11 职场文书
园林系毕业生求职信
2014/06/23 职场文书
中学清明节活动总结
2014/07/04 职场文书
综治维稳工作承诺书
2014/08/30 职场文书
学习张林森心得体会
2014/09/10 职场文书
四风对照检查材料思想汇报
2014/09/20 职场文书
订货会主持词
2015/07/01 职场文书