编程 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对象的构造和继承实现代码

Dec 05 Javascript

在IE浏览器中resize事件执行多次的解决方法

Jul 12 Javascript

js去除重复字符串两种实现方法

Jan 09 Javascript

jquery设置text的值示例(设置文本框 DIV 表单值)

Jan 06 Javascript

jquery简单图片切换显示效果实现方法

Jan 14 Javascript

分类解析jQuery选择器

Nov 23 Javascript

jQuery实现键盘回车搜索功能

Jul 25 jQuery

判断滚动条滑到底部触发事件(实例讲解)

Nov 15 Javascript

理解Koa2中的async&await的用法

Feb 05 Javascript

webpack4.0打包优化策略整理小结

Mar 30 Javascript

在vue项目中引入highcharts图表的方法

Jan 21 Javascript

JavaScript将数组转换为链表的方法

Feb 16 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 动态执行带有参数的类方法

2009/04/10 PHP

删除html标签得到纯文本可处理嵌套的标签

2014/04/28 PHP

PHP如何将log信息写入服务器中的log文件

2015/07/29 PHP

js获取下拉列表框中的value和text的值示例代码

2014/01/11 Javascript

测试IE浏览器对JavaScript的AngularJS的兼容性

2015/06/19 Javascript

省市区三级联动下拉框菜单javascript版

2015/08/11 Javascript

Bootstrap入门书籍之（一）排版

2016/02/17 Javascript

JavaScript实现url参数转成json形式

2016/09/25 Javascript

Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法

2017/02/17 Javascript

Jquery把获取到的input值转换成json

2017/05/15 jQuery

jQuery:unbind方法的使用详解

2017/08/14 jQuery

Node 升级到最新稳定版的方法分享

2018/05/17 Javascript

详解bootstrap-fileinput文件上传控件的亲身实践

2019/03/21 Javascript

vue实现数据控制视图的原理解析

2020/01/07 Javascript

如何基于viewport vm适配移动端页面

2020/11/13 Javascript

js 执行上下文和作用域的相关总结

2021/02/08 Javascript

初步理解Python进程的信号通讯

2015/04/09 Python

python 的列表遍历删除实现代码

2020/04/12 Python

Python中第三方库Requests库的高级用法详解

2017/03/12 Python

TF-IDF与余弦相似性的应用（二）找出相似文章

2017/12/21 Python

浅析Python 实现一个自动化翻译和替换的工具

2019/04/14 Python

解决python xx.py文件点击完之后一闪而过的问题

2019/06/24 Python

python获取依赖包和安装依赖包教程

2020/02/13 Python

python实现银行账户系统

2021/02/22 Python

css3弹性盒模型（Flexbox）详细介绍

2014/10/08 HTML / CSS

CSS3 @media的基本用法总结

2019/09/10 HTML / CSS

英国旅游额外服务市场领导者：Holiday Extras（机场停车场、酒店、接送等）

2017/10/07 全球购物

New Era英国官网：美国棒球帽品牌

2018/03/21 全球购物

微软台湾官方网站：Microsoft台湾

2018/08/15 全球购物

促销活动计划书

2014/05/02 职场文书

关于责任的演讲稿

2014/05/20 职场文书

党员查摆剖析材料

2014/10/10 职场文书

2014年技术员工作总结

2014/11/18 职场文书

高中生自我评价范文2015

2015/03/03 职场文书

Python爬虫之爬取二手房信息

2021/04/27 Python

在pycharm中无法import所安装的库解决方案

2021/05/31 Python