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

jquery对dom的操作常用方法整理

Jun 25 Javascript

JS中引用百度地图并将百度地图的logo和信息去掉

Sep 29 Javascript

jQuery中Dom的基本操作小结

Jan 23 Javascript

js中的setInterval和setTimeout使用实例

May 09 Javascript

JavaScript动态添加列的方法

Mar 25 Javascript

使用jQuery在移动页面上添加按钮和给按钮添加图标

Dec 04 Javascript

jquery插件Jplayer使用方法简析

Apr 22 Javascript

jQuery Easyui快速入门教程

Aug 21 Javascript

JavaScript基础进阶之数组方法总结(推荐)

Sep 04 Javascript

微信小程序前端promise封装代码实例

Aug 24 Javascript

viewer.js实现图片预览功能

Jun 24 Javascript

完美解决vue 中多个echarts图表自适应的问题

Jul 19 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

file_get_contents获取不到网页内容的解决方法

2013/03/07 PHP

php中instanceof 与 is_a()区别分析

2015/03/03 PHP

PHP学习记录之常用的魔术常量详解

2019/12/12 PHP

jQuery下的几个你可能没用过的功能

2010/08/29 Javascript

jQuery插件开发详细教程

2014/06/06 Javascript

使用jQueryMobile实现滑动翻页效果的方法

2015/02/04 Javascript

jquery $(document).ready()和window.onload的区别浅析

2015/02/04 Javascript

jQuery实现气球弹出框式的侧边导航菜单效果

2015/09/22 Javascript

JavaScript中iframe实现局部刷新的几种方法汇总

2016/01/06 Javascript

jquery+ajax+text文本框实现智能提示完整实例

2016/07/09 Javascript

jQuery实现给input绑定回车事件的方法

2017/02/09 Javascript

BootStrap表单控件之文本域textarea

2017/05/23 Javascript

vue页面加载闪烁问题的解决方法

2018/03/28 Javascript

在Vant的基础上封装下拉日期控件的代码示例

2018/12/05 Javascript

javascript设计模式 ? 享元模式原理与用法实例分析

2020/04/15 Javascript

Handtrack.js库实现实时监测手部运动(推荐)

2021/02/08 Javascript

[49:27]LGD vs OG 2018国际邀请赛小组赛BO2 第二场 8.16

2018/08/17 DOTA

python测试mysql写入性能完整实例

2018/01/18 Python

python opencv3实现人脸识别（windows）

2018/05/25 Python

python 不以科学计数法输出的方法

2018/07/16 Python

用python做游戏的细节详解

2019/06/25 Python

spyder 在控制台(console)执行python文件,debug python程序方式

2020/04/20 Python

CSS3教程(8):CSS3透明度指南

2009/04/02 HTML / CSS

css3实例教程一款纯css3实现的发光屏幕旋转特效

2014/12/07 HTML / CSS

巴基斯坦购物网站：Goto

2019/03/11 全球购物

澳洲Chemist Direct药房中文网：澳洲大型线上直邮药房

2019/11/04 全球购物

升职自荐书范文

2013/11/28 职场文书

历史教育专业个人求职信

2013/12/13 职场文书

园林技术专业求职信

2014/07/28 职场文书

无刑事犯罪记录证明范本

2014/09/29 职场文书

合伙开公司协议书范本

2014/10/28 职场文书

安全员岗位职责

2015/02/10 职场文书

一文搞懂如何实现Go 超时控制

2021/03/30 Python

Java Shutdown Hook场景使用及源码分析

2021/06/15 Java/Android

教你使用VS Code的MySQL扩展管理数据库的方法

2022/01/22 MySQL

SpringBoot整合minio快速入门教程(代码示例)

2022/04/03 Java/Android