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

给Function做的OOP扩展

May 07 Javascript

javascript 面向对象编程聊聊对象的事

Sep 17 Javascript

网页源代码保护(禁止右键、复制、另存为、查看源文件)

May 23 Javascript

JS保存、读取、换行、转Json报错处理方法

Jun 14 Javascript

js遍历子节点子元素附属性及方法

Aug 19 Javascript

JavaScript中的函数嵌套使用

Jun 04 Javascript

jQuery多选框选择数量限制方法

Feb 08 Javascript

微信小程序开发之从相册获取图片使用相机拍照本地图片上传

Apr 18 Javascript

JavaScript常见鼠标事件与用法分析

Jan 03 Javascript

JavaScript交换两个变量方法实例

Nov 25 Javascript

JS实现的雪花飘落特效示例

Dec 03 Javascript

通过实例了解JS执行上下文运行原理

Jun 17 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实现水仙花数示例分享

2014/04/03 PHP

学习php设计模式 php实现备忘录模式(Memento)

2015/12/09 PHP

利用php抓取蜘蛛爬虫痕迹的示例代码

2016/09/30 PHP

三个思路解决laravel上传文件报错：413 Request Entity Too Large问题

2017/11/13 PHP

初探jquery——表单应用范例

2007/02/20 Javascript

Jquery replace 字符替换实现代码

2010/12/02 Javascript

script标签的 charset 属性使用说明

2010/12/04 Javascript

基于jQuery的图片左右无缝滚动插件

2012/05/23 Javascript

基于jQuery的获取标签名的代码

2012/07/16 Javascript

js中的this关键字详解

2013/09/25 Javascript

jQuery Ajax异步处理Json数据详解

2013/11/05 Javascript

详解JavaScript的流程控制语句

2015/11/30 Javascript

原生js开发的日历插件

2017/02/04 Javascript

Angular X中使用ngrx的方法详解（附源码）

2017/07/10 Javascript

jQuery基于Ajax实现读取XML数据功能示例

2018/05/31 jQuery

JS+H5 Canvas实现时钟效果

2018/07/20 Javascript

JavaScript数据结构之栈实例用法

2019/01/18 Javascript

Vue页面刷新记住页面状态的实现

2019/12/27 Javascript

Vue+Element-U实现分页显示效果

2020/11/15 Javascript

[01:02:10]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第一局

2016/02/26 DOTA

[46:28]EG vs Liquid 2019国际邀请赛淘汰赛败者组 BO3 第二场 8.23

2019/09/05 DOTA

合并百度影音的离线数据（ with python 2.3）

2015/08/04 Python

Python的Asyncore异步Socket模块及实现端口转发的例子

2016/06/14 Python

Python 文件处理注意事项总结

2017/04/10 Python

python使用thrift教程的方法示例

2019/03/21 Python

解决python中导入win32com.client出错的问题

2019/07/26 Python

Django如何实现上传图片功能

2019/08/16 Python

Python实现非正太分布的异常值检测方式

2019/12/09 Python

使用keras2.0 将Merge层改为函数式

2020/05/23 Python

CSS3过渡transition效果实例介绍

2016/05/03 HTML / CSS

什么是Smarty变量操作符？如何使用Smarty变量操作符

2014/07/18 面试题

考博专家推荐信模板

2013/12/02 职场文书

就业意向书

2014/07/29 职场文书

企业整改报告范文

2014/11/08 职场文书

新郎父母婚礼答谢词

2015/09/29 职场文书

感谢信的技巧及范例

2019/05/15 职场文书