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

IE下JS读取xml文件示例代码

Aug 05 Javascript

js中一个函数获取另一个函数返回值问题探讨

Nov 21 Javascript

Javascript中引用示例介绍

Feb 21 Javascript

Javascript学习笔记之函数篇（六） : 作用域与命名空间

Nov 23 Javascript

EasyUI实现第二层弹出框的方法

Mar 01 Javascript

如何使用jquery easyui创建标签组件

Nov 18 Javascript

深入理解jquery中extend的实现

Dec 22 Javascript

有关JS中的0,null,undefined,[],{},'''''''',false之间的关系

Feb 14 Javascript

基于Bootstrap漂亮简洁的CSS3价格表(附源码下载)

Feb 28 Javascript

基于JavaScript实现的插入排序算法分析

Apr 14 Javascript

详解vue 项目白屏解决方案

Oct 31 Javascript

vue实现扫码功能

Jan 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

异世界新番又来了，同样是从零开始，男主的年龄降到5岁

2020/04/09 日漫

php中session_unset与session_destroy的区别分析

2011/06/16 PHP

PHP实现的构造sql语句类实例

2016/02/03 PHP

php array_merge_recursive 数组合并

2016/10/26 PHP

php通过PHPExcel导入Excel表格到MySQL数据库的简单实例

2016/10/29 PHP

js光标定位文本框回车表单提交问题的解决方法

2015/05/11 Javascript

jQuery动画效果实现图片无缝连续滚动

2016/01/12 Javascript

VueJS全面解析

2016/11/10 Javascript

AngularJS表单基本操作

2017/01/09 Javascript

jquery实现页面加载效果

2017/02/21 Javascript

js控制文本框禁止输入特殊字符详解

2017/04/07 Javascript

jQuery实现简单的手风琴效果

2020/04/17 jQuery

详解vue-cli 构建Vue项目遇到的坑

2017/08/30 Javascript

15个顶级开源JavaScript框架和库

2018/10/10 Javascript

JavaScript实现好看的跟随彩色气泡效果

2020/02/06 Javascript

JS前端基于canvas给图片添加水印

2020/11/11 Javascript

python自动zip压缩目录的方法

2015/06/28 Python

Python 常用的安装Module方式汇总

2017/05/06 Python

10分钟用python搭建一个超好用的CMDB系统

2019/07/17 Python

浅谈优化Django ORM中的性能问题

2020/07/09 Python

简单的命令查看安装的python版本号

2020/08/28 Python

python 如何调用 dubbo 接口

2020/09/24 Python

Pycharm编辑器功能之代码折叠效果的实现代码

2020/10/15 Python

使用CSS3实现多列布局与多背景的技巧

2016/02/29 HTML / CSS

使用Html5多媒体实现微信语音功能

2019/07/26 HTML / CSS

中药专业大学生医药工作求职信

2013/10/25 职场文书

清洁工表扬信

2014/01/08 职场文书

西安交大自主招生自荐信

2014/01/27 职场文书

如何写股份合作协议书

2014/09/11 职场文书

2015年高校图书馆工作总结

2015/04/30 职场文书

解决Vue+SpringBoot+Shiro跨域问题

2021/06/09 Vue.js

日本动漫十大公认神作：第五现已全网禁播，《死亡笔记》在榜

2022/03/18 日漫

python+pytest接口自动化之token关联登录的实现

2022/04/06 Python

nginx容器方式反向代理实战

2022/04/18 Servers

MySQL数据库之内置函数和自定义函数 function

2022/06/16 MySQL

nginx之内存池的实现

2022/06/28 Servers