jquery实现鼠标拖动图片效果示例代码
更新时间：2014年01月09日 15:41:36 作者：
鼠标拖动图片的效果想必大家都有见到过吧，其实实现起来很简单的，下面使用query来实现下，感兴趣的朋友不要错过
复制代码 代码如下:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title><script type="text/javascript" src="jquery-1.4.4.js"></script>
<script type="text/javascript">
$(function(){
$("html").mousemove(function(e){
$("#a").css("left",e.pageX).css("top",e.pageY);
});
});
</script>
<style type="text/css">
.a {
width:200px;
height:100px;
position:absolute;
background-color:rgb(0,0,0);
}
</style>
</head>
<body>
<img src="图片" id="a" name="a" class="a" >
只做了一个简单的实例
</body>
</html>
相关文章
这篇文章主要介绍了jQuery Ajax请求后台数据并在前台接收的相关资料,需要的朋友可以参考下2016-12-12
bootstrap中日历范围选择插件daterangepicker的使用详解
daterangepicker是bootstrap的一个日历插件 主要用来选择时间段的插件 这个插件很好用也很容易操作 。这篇文章主要介绍了bootstrap中日历范围选择插件daterangepicker的使用详解,需要的朋友可以参考下2018-04-04
最近做了这样一个功能，让用户输入手机发送验证码，输完11位手机号后，自动隐藏键盘。下面通过本文给大家分享实现方法，一起看看吧2017-01-01
JQuery中$.ajax()方法想必大家并不陌生吧，在本文将为大家介绍下其参数及应用示例，感兴趣的朋友不要错过2013-12-12
这篇文章主要为大家详细介绍了jQuery实现大屏滚动播放效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
jquery html动态生成select标签出问题的解决方法
用jquery,json从后台获取一个列表，然后用一个动态生成的select标签显示出来，结果出现错误，下面为大家分享个不错的解决方法，喜欢的朋友可以参考下2013-11-11
jQuery的最大特色之一就是方法连缀写法，这样的书写方式使得阅读起来更加方便。2010-06-06
这篇文章主要介绍了jQuery实现碰到边缘反弹的动画,非常不错，具有参考借鉴价值，需要的朋友可以参考下2018-02-02
本篇文章主要介绍了jQuery实现移动端Tab选项卡效果的实例。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
这篇文章给大家分享了jQuery实现隔行背景色变色的代码，有相同需要的小伙伴参考下吧2014-11-11
最新评论