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 过滤器(first,last,not,even,odd)的使用
Jan 22 Javascript
利用jQuery实现可以编辑的表格
May 26 Javascript
Jquery焦点与失去焦点示例应用
Jun 10 Javascript
基于jquery实现的仿优酷图片轮播特效代码
Jan 13 Javascript
Vuejs第十一篇组件之slot内容分发实例详解
Sep 09 Javascript
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
Mar 03 Javascript
jQuery实现 RadioButton做必选校验功能
Jun 15 jQuery
JavaScript30 一个月纯 JS 挑战中文指南(英文全集)
Jul 23 Javascript
Vue 组件间的样式冲突污染
Aug 31 Javascript
vue组件实现弹出框点击显示隐藏效果
Oct 26 Javascript
node.js express框架简介与实现
Jul 23 Javascript
记一次react前端项目打包优化的方法
Mar 30 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设计模式之迭代器模式
2016/06/17 PHP
PHP实现上传多文件示例代码
2017/02/20 PHP
JS动态创建Table,Tr,Td并赋值的具体实现
2013/07/05 Javascript
jquery教程ajax请求json数据示例
2014/01/13 Javascript
7个让JavaScript变得更好的注意事项
2015/01/28 Javascript
JavaScript表单验证实例之验证表单项是否为空
2016/01/10 Javascript
微信小程序 实战程序简易新闻的制作
2017/01/09 Javascript
Nodejs实现短信验证码功能
2017/02/09 NodeJs
JQuery模拟实现网页中自定义鼠标右键菜单功能
2018/11/14 jQuery
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【圆形情况】
2018/12/13 Javascript
nodejs实现的http、https 请求封装操作示例
2020/02/06 NodeJs
vue基于better-scroll仿京东分类列表
2020/06/30 Javascript
Python 异常处理实例详解
2014/03/12 Python
Python重新引入被覆盖的自带function
2014/07/16 Python
优化Python代码使其加快作用域内的查找
2015/03/30 Python
关于Python 3中print函数的换行详解
2017/08/08 Python
Python 中字符串拼接的多种方法
2018/07/30 Python
Django forms组件的使用教程
2018/10/08 Python
python3使用flask编写注册post接口的方法
2018/12/28 Python
Python 获取ftp服务器文件时间的方法
2019/07/02 Python
python报错: 'list' object has no attribute 'shape'的解决
2020/07/15 Python
Python新建项目自动添加介绍和utf-8编码的方法
2020/12/26 Python
python上下文管理的使用场景实例讲解
2021/03/03 Python
HTML5在canvas中绘制复杂形状附效果截图
2014/06/23 HTML / CSS
美国眼镜网站:EyeBuyDirect
2017/04/13 全球购物
中国旅游网站:途牛旅游网
2019/09/29 全球购物
意大利中国电子产品购物网站:Geekmall.com
2019/09/30 全球购物
传统软件工程与面向对象的软件工程有什么区别
2012/05/31 面试题
航空大学应届生求职信
2013/11/10 职场文书
餐厅执行经理岗位职责范本
2014/02/26 职场文书
五水共治捐款倡议书
2014/05/14 职场文书
节水标语大全
2014/06/11 职场文书
污染环境建议书
2015/09/14 职场文书
2016消防宣传标语口号
2015/12/26 职场文书
python Polars库的使用简介
2021/04/21 Python
python四种出行路线规划的实现
2021/06/23 Python