编程 Javascript

jquery实现鼠标拖动图片效果示例代码

Posted in Javascript onJanuary 09, 2014

<!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>

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS面向对象编程之对象使用分析

Aug 19 Javascript

Javascript 多浏览器兼容总结(实战经验)

Oct 30 Javascript

Jquery中的$.each获取各种返回类型数据的使用方法

May 03 Javascript

浅析vue数据绑定

Jan 17 Javascript

前端编码规范（3）JavaScript 开发规范

Jan 21 Javascript

微信小程序微信支付接入开发实例详解

Apr 12 Javascript

js Date()日期函数浏览器兼容问题解决方法

Sep 12 Javascript

vue2.0 循环遍历加载不同图片的方法

Mar 06 Javascript

layui监听工具栏的实例(操作列表按钮)

Sep 10 Javascript

layui 图片上传+表单提交+ Spring MVC的实例

Sep 21 Javascript

微信小程序手动添加收货地址省市区联动

May 18 Javascript

JavaScript函数柯里化

Nov 07 Javascript

二叉树先序遍历的非递归算法具体实现

Jan 09 #Javascript

IE下Ajax缓存问题的快速解决方法(get方式)

Jan 09 #Javascript

js/jquery解析json和数组格式的方法详解

Jan 09 #Javascript

JS获取节点的兄弟,父级,子级元素的方法

Jan 09 #Javascript

js与jquery获取父级元素,子级元素,兄弟元素的实现方法

Jan 09 #Javascript

js与jquery获取父元素,删除子元素的两种不同方法

Jan 09 #Javascript

浅析jQuery(function(){})与(function(){})(jQuery)之间的区别

Jan 09 #Javascript

You might like

一个php作的文本留言本的例子(五)

2006/10/09 PHP

php中通过curl smtp发送邮件

2012/06/05 PHP

php 模拟 asp.net webFrom 按钮提交事件实例

2014/10/13 PHP

PHP遍历数组的三种方法及效率对比分析

2015/02/12 PHP

php将HTML表格每行每列转为数组实现采集表格数据的方法

2015/04/03 PHP

PHP实现发送邮件的方法(基于简单邮件发送类)

2015/12/17 PHP

document.all还是document.getElementsByName?

2006/07/21 Javascript

javascrip客户端验证文件大小及文件类型并重置上传

2011/01/12 Javascript

jQuery学习笔记之toArray()

2014/06/09 Javascript

node.js中的fs.writeFile方法使用说明

2014/12/14 Javascript

js兼容火狐显示上传图片预览效果的方法

2015/05/21 Javascript

jQuery实现表格行上移下移和置顶的方法

2015/05/22 Javascript

java中String类型变量的赋值问题介绍

2016/03/23 Javascript

jQuery中通过ajax调用webservice传递数组参数的问题实例详解

2016/05/20 Javascript

Javascript 获取鼠标当前的位置实现方法

2016/10/27 Javascript

浅析JavaScriptSerializer类的序列化与反序列化

2016/11/22 Javascript

jQuery插件autocomplete使用详解

2017/02/04 Javascript

如何实现一个webpack模块解析器

2018/10/24 Javascript

vue element动态渲染、移除表单并添加验证的实现

2019/01/16 Javascript

详解Node.js amqplib 连接 Rabbit MQ最佳实践

2019/01/24 Javascript

vue+element获取el-table某行的下标,根据下标操作数组对象方式

2020/08/07 Javascript

5种Python单例模式的实现方式

2016/01/14 Python

python合并同类型excel表格的方法

2018/04/01 Python

python 集合并集、交集 Series list set 转换的实例

2018/05/29 Python

150行Python代码实现带界面的数独游戏

2020/04/04 Python

Python的PIL库中getpixel方法的使用

2020/04/09 Python

python线程里哪种模块比较适合

2020/08/02 Python

Python 如何实现数据库表结构同步

2020/09/29 Python

纯HTML5+CSS3制作图片旋转

2016/01/12 HTML / CSS

html5.2 dialog简介详解

2018/02/27 HTML / CSS

Nicole Miller官方网站：纽约女装品牌

2019/09/14 全球购物

音乐学专业求职信

2014/07/22 职场文书

搞笑的爱情检讨书

2014/10/01 职场文书

建党伟业观后感

2015/06/01 职场文书

初中政治教师教学反思

2016/02/23 职场文书

MySQL数字类型自增的坑

2021/05/07 MySQL