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 相关文章推荐
jQuery 前的按键判断代码
Mar 19 Javascript
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点
Apr 03 Javascript
IE浏览器IFrame对象内存不释放问题解决方法
Aug 22 Javascript
利用jquery给指定的table动态添加一行、删除一行的方法
Oct 12 Javascript
JavaScript队列、优先队列与循环队列
Nov 14 Javascript
js实现页面刷新滚动条位置不变
Nov 27 Javascript
原生js实现淘宝购物车功能
Jun 23 Javascript
基于JavaScript实现百度搜索框效果
Jun 28 Javascript
AngularJS实现表单元素值绑定操作示例
Oct 11 Javascript
详解webpack babel的配置
Jan 09 Javascript
Weex开发之WEEX-EROS开发踩坑(小结)
Oct 16 Javascript
vue递归获取父元素的元素实例
Aug 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
咖啡因含量是由谁决定的?低因咖啡怎么来?低因咖啡适合什么人喝
2021/03/06 新手入门
PHP中cookies使用指南
2007/03/16 PHP
基于Zend的Config机制的应用分析
2013/05/02 PHP
PHP运行环境配置与开发环境的配置(图文教程)
2013/06/04 PHP
CodeIgniter扩展核心类实例详解
2016/01/20 PHP
Zend Framework教程之配置文件application.ini解析
2016/03/10 PHP
PHP删除数组中特定元素的两种方法
2019/02/28 PHP
TP5.0框架实现无限极回复功能的方法分析
2019/05/04 PHP
Laravel 修改验证异常的响应格式实例代码详解
2020/05/25 PHP
JQuery 选择器、过滤器介绍
2011/02/14 Javascript
js 弹出菜单/窗口效果
2011/10/30 Javascript
jQuery中change事件用法实例
2014/12/26 Javascript
jQuery中:has选择器用法实例
2014/12/30 Javascript
Vue中使用clipboard实现复制功能
2018/09/05 Javascript
微信小程序页面渲染实现方法
2019/11/06 Javascript
jQuery HTML css()方法与css类实例详解
2020/05/20 jQuery
python处理文本文件并生成指定格式的文件
2014/07/31 Python
Python异常处理总结
2014/08/15 Python
python爬虫实现教程转换成 PDF 电子书
2017/02/19 Python
详解Python正则表达式re模块
2019/03/19 Python
python导入坐标点的具体操作
2019/05/10 Python
在自动化中用python实现键盘操作的方法详解
2019/07/19 Python
Django文件上传与下载(FileFlid)
2019/10/06 Python
CSS3 网页下拉菜单代码解释 中文翻译
2010/02/27 HTML / CSS
html5视频常用API接口的实战示例
2020/03/20 HTML / CSS
iHerb香港:维生素、补充剂和天然保健品
2017/08/01 全球购物
Linux文件操作命令都有哪些
2016/07/23 面试题
环保倡议书100字
2014/05/15 职场文书
公司经理任命书
2014/06/05 职场文书
医学求职自荐信
2014/06/21 职场文书
2014年党员学习“三严三实”思想汇报
2014/09/15 职场文书
2014年保洁员工作总结
2014/11/19 职场文书
2015年质量月活动总结报告
2015/03/27 职场文书
妈妈别哭观后感
2015/06/08 职场文书
干货!开幕词的写作方法
2019/04/02 职场文书
感恩信:写给爸爸妈妈的一封感谢信
2019/09/12 职场文书