编程 Javascript

jQuery实现磁力图片跟随效果完整示例

Posted in Javascript onSeptember 16, 2016

本文实例演示了jQuery实现磁力图片跟随效果。分享给大家供大家参考，具体如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>磁力图片</title>
  <style type="text/css">
    #imgSel{position:absolute;}
  </style>
  <script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function () {
      $(document).mousemove(function (e) {
        $("#imgSel").animate({"left":e.pageX,"top":e.pageY},0.1);
      });
    });
  </script>
</head>
<body>
  <img id="imgSel" src="../images/select.JPG" />
</body>
</html>

希望本文所述对大家jQuery程序设计有所帮助。

- Author -

永远爱好写程序

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

动态创建样式表在各浏览器中的差异测试代码

Sep 13 Javascript

javascript权威指南学习笔记之javascript数据类型

Sep 24 Javascript

jQuery及JS实现循环中暂停的方法

Feb 02 Javascript

jQuery支持动态参数将函数绑定到事件上的方法

Mar 17 Javascript

JavaScrip常见的一些算法总结

Dec 28 Javascript

基于Javascript实现二级联动菜单效果

Mar 04 Javascript

ionic js 模型 $ionicModal 可以遮住用户主界面的内容框

Jun 06 Javascript

正则验证小数点后面只能有两位数的方法

Feb 28 Javascript

详解React中的组件通信问题

Jul 31 Javascript

微信小程序icon组件使用详解

Jan 31 Javascript

jQuery实现的监听导航滚动置顶状态功能示例

Jul 23 jQuery

前端vue如何使用高德地图

Nov 05 Javascript

jQuery使用animate实现ul列表项相互飘动效果示例

Sep 16 #Javascript

jQuery中fadein与fadeout方法用法示例

Sep 16 #Javascript

jQuery中slidedown与slideup方法用法示例

Sep 16 #Javascript

jQuery中show与hide方法用法示例

Sep 16 #Javascript

Javascript中函数名.length属性用法分析(对比arguments.length)

Sep 16 #Javascript

Javascript函数中的arguments.callee用法实例分析

Sep 16 #Javascript

AngularJs 动态加载模块和依赖

Sep 15 #Javascript

You might like

php数组函数序列之asort() - 对数组的元素值进行升序排序，保持索引关系

2011/11/02 PHP

浅析PHP的静态成员函数效率更高的原因

2014/06/13 PHP

php计算给定时间之前的函数用法实例

2015/04/03 PHP

PHP信号量基本用法实例详解

2016/02/12 PHP

JavaScript中的Location地址对象

2008/01/16 Javascript

JavaScript 继承详解第一篇

2009/08/30 Javascript

js获取网页高度(详细整理)

2012/12/28 Javascript

jquery创建一个ajax关键词数据搜索实现思路

2013/02/26 Javascript

JS简单实现登陆验证附效果图

2013/11/19 Javascript

jQuery实现HTML5 placeholder效果实例

2014/12/09 Javascript

使用javascript实现Iframe自适应高度

2014/12/24 Javascript

JavaScript实现防止网页被嵌入Frame框架的代码分享

2014/12/29 Javascript

JavaScript动态改变表格单元格内容的方法

2015/03/30 Javascript

尝试动手制作javascript放大镜效果

2015/12/25 Javascript

自己封装的一个简单的倒计时功能实例

2016/11/23 Javascript

js简单正则验证汉字英文及下划线的方法

2016/11/28 Javascript

微信小程序引入es6 promise

2017/04/12 Javascript

vue页面使用阿里oss上传功能的实例(二)

2017/08/09 Javascript

Angularjs 手写日历的实现代码（不用插件）

2017/10/18 Javascript

vue-content-loader内容加载器的使用方法

2018/08/05 Javascript

JS实现的图片选择顺序切换和循环切换功能示例【测试可用】

2018/12/28 Javascript

uni app仿微信顶部导航条功能

2019/09/17 Javascript

vue组件传值的实现方式小结【三种方式】

2020/02/05 Javascript

Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求

2020/09/01 Javascript

原生JS实现相邻月份日历

2020/10/13 Javascript

[01:37]TI4西雅图DOTA2前线报道 VG拿下首胜教练357给出获胜秘诀

2014/07/10 DOTA

跟老齐学Python之让人欢喜让人忧的迭代

2014/10/02 Python

python 使用shutil复制图片的例子

2019/12/13 Python

keras Lambda自定义层实现数据的切片方式,Lambda传参数

2020/06/11 Python

向领导表决心的话

2014/03/11 职场文书

市场营销专业求职信

2014/06/17 职场文书

党员年终个人总结

2015/02/14 职场文书

幼儿园园长个人总结

2015/03/02 职场文书

安娜卡列尼娜观后感

2015/06/11 职场文书

2016天猫双十一广告语

2016/01/28 职场文书

个人工作失误的保证书怎么写？

2019/06/21 职场文书