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 Dialog的内存泄露问题解决方法
Jun 18 Javascript
动态获取复选框checkbox选中个数的jquery代码
Jun 25 Javascript
jQuery中last()方法用法实例
Jan 06 Javascript
JS实现弹性漂浮效果的广告代码
Sep 02 Javascript
解析浏览器端的AJAX缓存机制
Jun 21 Javascript
AngularJS内建服务$location及其功能详解
Jul 01 Javascript
JS自定义函数对web前端上传的文件进行类型大小判断
Oct 19 Javascript
JS实现物体带缓冲的间歇运动效果示例
Dec 22 Javascript
Vuejs+vue-router打包+Nginx配置的实例
Sep 20 Javascript
解决vue-cli脚手架打包后vendor文件过大的问题
Sep 27 Javascript
js使用swiper实现层叠轮播效果实例代码
Dec 12 Javascript
小程序实现左滑删除的效果的实例代码
Oct 19 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面向对象学习笔记之二 生成对象的设计模式
2012/10/06 PHP
制作个性化的WordPress登陆界面的实例教程
2016/05/21 PHP
ThinkPHP5.0多个文件上传后找不到临时文件的修改方法
2018/07/30 PHP
原来Jquery.load的方法可以一直load下去
2011/03/28 Javascript
JS高级笔记
2011/07/13 Javascript
利用jQuery实现可输入搜索文字的下拉框
2013/10/23 Javascript
javascript 数组排序函数sort和reverse使用介绍
2013/11/21 Javascript
JavaScript Math.ceil() 函数使用介绍
2013/12/11 Javascript
JSON.stringify转换JSON时日期时间不准确的解决方法
2014/08/08 Javascript
浅谈下拉菜单中的Option对象
2015/05/10 Javascript
ES6中Iterator与for..of..遍历用法分析
2017/03/31 Javascript
vue-cli下的vuex的简单Demo图解(实现加1减1操作)
2018/02/26 Javascript
ES6基础之默认参数值
2019/02/21 Javascript
浅谈js闭包理解
2019/03/28 Javascript
Vue-Ant Design Vue-普通及自定义校验实例
2020/10/24 Javascript
再也不怕 JavaScript 报错了,怎么看怎么处理都在这儿
2020/12/09 Javascript
在Django的session中使用User对象的方法
2015/07/23 Python
Python中struct模块对字节流/二进制流的操作教程
2017/01/21 Python
python3 selenium 切换窗口的几种方法小结
2018/05/21 Python
python实现浪漫的烟花秀
2019/01/30 Python
python读取csv和txt数据转换成向量的实例
2019/02/12 Python
详解python中TCP协议中的粘包问题
2019/03/22 Python
Python 实现毫秒级淘宝抢购脚本的示例代码
2019/09/16 Python
python集合常见运算案例解析
2019/10/17 Python
Pytorch 中的optimizer使用说明
2021/03/03 Python
最耐用行李箱,一箱永流传:Briggs & Riley(全球终身保修)
2017/12/07 全球购物
意大利男装网店:Vrients
2019/05/02 全球购物
常用UNIX 命令(Linux的常用命令)
2015/12/26 面试题
大学开学计划书
2014/04/30 职场文书
中国梦口号
2014/06/13 职场文书
房屋租赁意向书范本
2015/05/09 职场文书
创业项目(超低成本创业项目)
2019/08/16 职场文书
话题作文之关于呼唤
2019/11/29 职场文书
5行Python代码实现一键批量扣图
2021/06/29 Python
为了顺利买到演唱会的票用Python制作了自动抢票的脚本
2021/10/16 Python
python+pyhyper实现识别图片中的车牌号思路详解
2022/12/24 Python