编程 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事件列表解说

Dec 22 Javascript

再次更新！MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6)

Feb 05 Javascript

JavaScript几种形式的树结构菜单

May 10 Javascript

extjs 时间范围选择自动判断的实现代码

Jun 24 Javascript

深入浅析JavaScript中的Function类型

Jul 09 Javascript

js倒计时简单实现代码

Aug 11 Javascript

jQuery实现文件编码成base64并通过AJAX上传的方法

Apr 12 jQuery

浅谈vue首屏加载优化

Jun 28 Javascript

小程序tab页无法传递参数的方法

Aug 03 Javascript

浅谈js闭包理解

Mar 28 Javascript

ES6中定义类和对象的方法示例

Jul 31 Javascript

关于Javascript闭包与应用的详解

Apr 22 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