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

在JavaScript中通过URL传递汉字的方法

Apr 09 Javascript

jQuery的链式调用浅析

Dec 03 Javascript

在jQuery中关于json空对象筛选替换

Apr 15 Javascript

把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数

Jul 29 Javascript

js 操作符汇总

Nov 08 Javascript

Node.js中调用mysql存储过程示例

Dec 20 Javascript

layui 表格的属性的显示转换方法

Aug 14 Javascript

详解Vue中数组和对象更改后视图不刷新的问题

Sep 21 Javascript

Vue实现动态添加或者删除对象和对象数组的操作方法

Sep 21 Javascript

jQuery基于随机数解决中午吃什么去哪吃问题示例

Dec 29 jQuery

微信小程序实现页面浮动导航

Jan 28 Javascript

JS性能优化实现方法及优点进行

Aug 30 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微信公众平台开发之获取用户基本信息

2015/08/17 PHP

php批量删除超链接的实现方法

2015/10/19 PHP

WordPress网站性能优化指南

2015/11/18 PHP

Yii2中hasOne、hasMany及多对多关联查询的用法详解

2017/02/15 PHP

二级域名或跨域共享Cookies的实现方法

2008/08/07 Javascript

JS 动态加载脚本的4种方法

2009/05/05 Javascript

定时器(setTimeout/setInterval)调用带参函数失效解决方法

2013/03/26 Javascript

jQuery实现单击和鼠标感应事件

2015/02/01 Javascript

JavaScript简单修改窗口大小的方法

2015/08/03 Javascript

实现非常简单的js双向数据绑定

2015/11/06 Javascript

使用jQuery监听DOM元素大小变化

2016/02/24 Javascript

AngularJS+Bootstrap3多级导航菜单的实现代码

2017/08/16 Javascript

详解使用nvm管理多版本node的方法

2017/08/30 Javascript

vue2.x select2 指令封装详解

2017/10/12 Javascript

iView-admin 动态路由问题的解决方法

2018/10/03 Javascript

JavaScript设计模式之命令模式实例分析

2019/01/16 Javascript

实现vuex与组件data之间的数据同步更新方式

2019/11/12 Javascript

[06:14]《辉夜杯》外卡赛附加赛 4支战队巡礼

2015/10/23 DOTA

[00:31]DOTA2上海特级锦标赛 Fnatic战队宣传片

2016/03/04 DOTA

用C++封装MySQL的API的教程

2015/05/06 Python

Python实现队列的方法

2015/05/26 Python

在Linux命令行终端中使用python的简单方法(推荐)

2017/01/23 Python

python中的break、continue、exit()、pass全面解析

2017/08/05 Python

Python实现的质因式分解算法示例

2018/05/03 Python

python实现大转盘抽奖效果

2019/01/22 Python

pyqt5 从本地选择图片并显示在label上的实例

2019/06/13 Python

Python实现对adb命令封装

2020/03/06 Python

Django 后台带有字典的列表数据与页面js交互实例

2020/04/03 Python

CSS3中的元素过渡属性transition示例详解

2016/11/30 HTML / CSS

法学毕业生自荐信

2013/11/13 职场文书

年终考核评语

2014/01/19 职场文书

自荐书4要点

2014/01/25 职场文书

店铺转让协议书

2015/01/29 职场文书

基于tensorflow权重文件的解读

2021/05/26 Python

DBCA命令行搭建Oracle ADG的流程

2021/06/11 Oracle

PHP RabbitMQ消息列队

2022/05/11 PHP