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 名称冲突的解决方法
Apr 08 Javascript
让js弹出窗口居前显示的实现方法
Jul 10 Javascript
jQuery插件slides实现无缝轮播图特效
Apr 17 Javascript
AngularJS实现全选反选功能
Dec 08 Javascript
vue分页组件table-pagebar使用实例解析
Nov 15 Javascript
js转html实体的方法
Sep 27 Javascript
js实现加载更多功能实例
Oct 27 Javascript
jQuery webuploader分片上传大文件
Nov 07 Javascript
详解在vue-cli中使用路由
Sep 25 Javascript
详解webpack的proxyTable无效的解决方案
Jun 15 Javascript
微信小程序车牌号码模拟键盘输入功能的实现代码
Nov 11 Javascript
js实现点击生成随机div
Jan 16 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中error_reporting()函数的用法(修改PHP屏蔽错误)
2011/07/01 PHP
PHP_Cooikes不同页面无法传递的解决方法
2014/03/07 PHP
PHP手机号中间四位用星号*代替显示的实例
2017/06/02 PHP
PHP curl批处理及多请求并发实现方法分析
2018/08/15 PHP
javascript 读取图片文件的大小
2009/06/25 Javascript
基于jquery的代码显示区域自动拉长效果
2011/12/07 Javascript
javascript firefox 自动加载iframe 自动调整高宽示例
2013/08/27 Javascript
jQuery学习笔记之总体架构
2014/06/03 Javascript
jQuery插件PageSlide实现左右侧栏导航菜单
2015/04/12 Javascript
CSS3实现动态背景登录框的代码
2015/07/28 Javascript
JavaScript简单获取系统当前时间完整示例
2016/08/02 Javascript
JS实现快速的导航下拉菜单动画效果附源码下载
2016/11/01 Javascript
vue better-scroll插件使用详解
2018/01/25 Javascript
Bootstrap Paginator+PageHelper实现分页效果
2018/12/29 Javascript
taro开发微信小程序的实践
2019/05/21 Javascript
Vue使用mixin分发组件的可复用功能
2019/09/01 Javascript
layui(1.0.9)文件上传upload,前后端的实例代码
2019/09/26 Javascript
vue实现路由懒加载的3种方法示例
2020/09/01 Javascript
Python中struct模块对字节流/二进制流的操作教程
2017/01/21 Python
Python工厂函数用法实例分析
2018/05/14 Python
python多进程下实现日志记录按时间分割
2019/07/22 Python
使用python+whoosh实现全文检索
2019/12/09 Python
利用Python将多张图片合成视频的实现
2020/11/23 Python
CSS3实现自定义Checkbox特效实例代码
2017/04/24 HTML / CSS
墨尔本照明批发商店:Mica Lighting
2017/12/28 全球购物
重新定义牛仔布,100美元以下:Warp + Weft
2018/07/25 全球购物
潘多拉珠宝俄罗斯官方网上商店:PANDORA俄罗斯
2020/09/22 全球购物
如何现实servlet的单线程模式
2014/08/05 面试题
汽车技术服务与营销专业在籍生自荐信
2013/09/28 职场文书
服装设计专业毕业生推荐信
2013/11/09 职场文书
简历中自我评价怎么写
2014/02/12 职场文书
关于读书的演讲稿500字
2014/08/27 职场文书
解决MySQL存储时间出现不一致的问题
2021/04/28 MySQL
Netflix《海贼王》真人版剧集多张片场照曝光
2022/04/04 日漫
Django中celery的使用项目实例
2022/07/07 Python
SQL Server数据库的三种创建方法汇总
2023/05/08 MySQL