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 相关文章推荐
2007/12/23更新创意无限,简单实用(javascript log)
Dec 24 Javascript
js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
Jan 30 Javascript
JavaScript Cookie显示用户上次访问的时间和次数
Dec 08 Javascript
一个简单的全屏图片上下打开显示网页效果示例
Jul 08 Javascript
JS作用域闭包、预解释和this关键字综合实例解析
Dec 16 Javascript
jQuery编写网页版2048小游戏
Jan 06 Javascript
基于JavaScript实现弹幕特效
Aug 27 Javascript
Node做中转服务器转发接口
Oct 18 Javascript
详谈js中标准for循环与foreach(for in)的区别
Nov 02 Javascript
基于jQuery实现定位导航位置效果
Nov 15 jQuery
layui实现数据表格自定义数据项
Oct 26 Javascript
浅谈vue权限管理实现及流程
Apr 23 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性能的21种方法介绍
2013/06/25 PHP
PHP根据传来的16进制颜色代码自动改变背景颜色
2014/06/13 PHP
PHP结合jQuery.autocomplete插件实现输入自动完成提示的功能
2015/04/27 PHP
android上传图片到PHP的过程详解
2015/08/03 PHP
javascript 写类方式之八
2009/07/05 Javascript
firefox事件处理之自动查找event的函数(用于onclick=foo())
2010/08/05 Javascript
node.js学习总结之调式代码的方法
2014/06/25 Javascript
jQuery学习笔记之创建DOM元素
2015/01/19 Javascript
封装了jQuery的Ajax请求全局配置
2015/02/05 Javascript
理解Javascript的动态语言特性
2015/06/17 Javascript
学习JavaScript设计模式之代理模式
2016/01/12 Javascript
Select下拉框模糊查询功能实现代码
2016/07/22 Javascript
Bootstrap中定制LESS-颜色及导航条(推荐)
2016/11/21 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
2017/03/29 Javascript
Javascript实现数组中的元素上下移动
2017/04/28 Javascript
详解vue2.0脚手架的webpack 配置文件分析
2017/05/27 Javascript
JavaScript登录验证基础教程
2017/11/01 Javascript
详细分析jsonp的原理和实现方式
2017/11/20 Javascript
详解Axios统一错误处理与后置
2018/09/26 Javascript
vue在index.html中引入静态文件不生效问题及解决方法
2019/04/29 Javascript
js实现秒表计时器
2019/12/16 Javascript
vue中解决微信html5原生ios虚拟键返回不刷新问题
2020/10/20 Javascript
Vue基本指令实例图文讲解
2021/02/25 Vue.js
Python中实现字符串类型与字典类型相互转换的方法
2014/08/18 Python
python获取局域网占带宽最大3个ip的方法
2015/07/09 Python
使用python在本地电脑上快速处理数据
2017/06/22 Python
scrapy-redis源码分析之发送POST请求详解
2019/05/15 Python
Python猴子补丁知识点总结
2020/01/05 Python
eBay奥地利站:eBay.at
2019/07/24 全球购物
Sahajan美国:阿育吠陀护肤品牌
2021/01/09 全球购物
比较一下entity bean和session bean
2013/12/27 面试题
财务会计应届生求职信
2013/11/24 职场文书
《寓言两则》教学反思
2014/02/27 职场文书
献爱心标语
2014/06/21 职场文书
小学校园文化建设汇报材料
2014/08/19 职场文书
德劲DE1108畅想
2021/04/22 无线电