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

改版了网上的一个js操作userdata

Apr 27 Javascript

Expandable "Detail" Table Rows

Aug 29 Javascript

JavaScript中的闭包原理分析

Mar 08 Javascript

jquery选择符快速提取web表单数据示例

Mar 27 Javascript

jQuery中andSelf()方法用法实例

Jan 08 Javascript

js实现ifram取父窗口URL地址的方法

Feb 09 Javascript

JS实现网站菜单拖拽移位效果的方法

Sep 24 Javascript

使用RequireJS库加载JavaScript模块的实例教程

Jun 06 Javascript

JavaScript学习笔记整理_关于表达式和语句

Sep 19 Javascript

利用Javascript实现简单的转盘抽奖

Feb 13 Javascript

react以create-react-app为基础创建项目

Mar 14 Javascript

vue加载完成后的回调函数方法

Sep 07 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/10/20 PHP

一个完整的php文件上传类实例讲解

2015/10/27 PHP

PHP重定向与伪静态区别

2017/02/19 PHP

thinkPHP5.0框架API优化后的友好性分析

2017/03/17 PHP

PHP实现的登录页面信息提示功能示例

2017/07/24 PHP

DHTML Slide Show script图片轮换

2008/03/03 Javascript

IE不支持getElementsByClassName最终完美解决方案

2012/12/17 Javascript

js 采用delete实现继承示例代码

2014/05/20 Javascript

node.js中的fs.exists方法使用说明

2014/12/17 Javascript

jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容

2016/12/08 Javascript

原生js实现新闻列表展开/收起全文功能

2017/01/20 Javascript

JS中实现函数return多个返回值的实例

2017/02/21 Javascript

JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码

2017/09/23 jQuery

JavaScript 中使用 Generator的方法

2017/12/29 Javascript

一个简单的node.js界面实现方法

2018/06/01 Javascript

JS实现根据数组对象的某一属性排序操作示例

2019/01/14 Javascript

js实现窗口全屏示例详解

2019/09/17 Javascript

关于在LayUI中使用AJAX提交巨坑记录

2019/10/25 Javascript

JavaScript设计模式--简单工厂模式定义与应用案例详解

2020/05/23 Javascript

vue-model实现简易计算器

2020/08/17 Javascript

vue浏览器返回监听的具体步骤

2021/02/03 Vue.js

python抓取并保存html页面时乱码问题的解决方法

2016/07/01 Python

详解python 发送邮件实例代码

2016/12/22 Python

TensorFlow实现简单的CNN的方法

2019/07/18 Python

python判断一个对象是否可迭代的例子

2019/07/22 Python

python 图像的离散傅立叶变换实例

2020/01/02 Python

HTML5表格_动力节点Java学院整理

2017/07/11 HTML / CSS

html5 利用canvas实现超级玛丽简单动画

2013/09/06 HTML / CSS

美国汽车性能部件和赛车零件网站：Vivid Racing

2018/03/27 全球购物

SKECHERS斯凯奇中国官网：来自美国的运动休闲品牌

2018/11/14 全球购物

七年级历史教学反思

2014/02/05 职场文书

2014年迎新年联欢会活动策划方案

2014/02/26 职场文书

骨干教师考核方案

2014/05/09 职场文书

2015年幼儿园后勤工作总结

2015/04/25 职场文书

Java Dubbo框架知识点梳理

2021/06/26 Java/Android

Nginx如何配置根据路径转发详解

2022/07/23 Servers