jQuery实现磁力图片跟随效果完整示例
更新时间：2016年09月16日 00:49:48 作者：永远爱好写程序
这篇文章主要介绍了jQuery实现磁力图片跟随效果,结合完整实例形式分析了jQuery事件响应及animate方法实现带缓冲效果的图片跟随效果,需要的朋友可以参考下
本文实例演示了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相关内容感兴趣的读者可查看本站专题：《jQuery切换特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
您可能感兴趣的文章:
相关文章
jQuery EasyUI 是一个基于 jQuery 的框架，集成了各种用户界面插件，该框架提供了创建网页所需的一切，帮助您轻松建立站点。本文给大家介绍JQuery EasyUI的一些常用组件，感兴趣的的朋友一起学习吧2017-07-07
这篇文章主要为大家详细介绍了jquery精度计算代码,jquery指定精确小数位，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
这篇文章主要介绍了jQuery实现商品活动倒计时，倒计时在WEB上应用非常广泛，如考试系统倒计时，团购网站中的优惠活动倒计时等等，感兴趣的小伙伴们可以参考一下2015-10-10
animate弹出后，调用out函数消失。2010-05-05
这篇文章主要介绍了jquery清空表单数据的示例,需要的朋友可以参考下2014-02-02
jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】
点击一次上传, 当上传操作结束后才能操作界面，实现方式是通过 ajaxfileuplod 上传文件，需要的朋友参考下吧2018-05-05
本文给大家分享的是小编jQuery、zepto、js常用小技巧的心得，非常实用，有需要的小伙伴可以参考下2017-02-02
这篇文章主要介绍了jQuery中可见性过滤器简单用法,结合实例形式简单分析了jQuery中可见性过滤器的原理及相关使用技巧,需要的朋友可以参考下2018-03-03
这篇文章主要介绍了jQuery动态操作表单,结合实例形式分析了jQuery针对table表格的数据添加、删除、元素修改、提交等相关操作技巧,需要的朋友可以参考下2018-12-12
这篇文章主要介绍了jQuery实现的图文高亮滚动切换特效,涉及jquery基于鼠标事件针对页面元素遍历与动态操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
最新评论