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 ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)
Apr 01 Javascript
Js 冒泡事件阻止实现代码
Jan 27 Javascript
javascript客户端遍历控件与获取父容器对象示例代码
Jan 06 Javascript
JS 打印功能代码可实现打印预览、打印设置等
Oct 31 Javascript
js过滤HTML标签完整实例
Nov 26 Javascript
Node.js 数据加密传输浅析
Nov 16 Javascript
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
Dec 07 Javascript
JavaScript中常见的八个陷阱总结
Jun 28 Javascript
浅谈Webpack 持久化缓存实践
Mar 22 Javascript
Vue项目中使用jquery的简单方法
May 16 jQuery
vue-cli和v-charts实现可视化图表过程解析
Oct 08 Javascript
前端vue-cli项目中使用img图片和background背景图的几种方法
Nov 13 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将整个网站生成HTML纯静态网页的方法总结
2012/02/05 PHP
php引用计数器进行垃圾收集机制介绍
2012/09/19 PHP
33道php常见面试题及答案
2015/07/06 PHP
php cli模式下获取参数的方法
2017/05/05 PHP
PHP实现通过CURL上传文件功能示例
2018/05/30 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
PHP 实现base64编码文件上传出现问题详解
2020/09/01 PHP
Jquery实现简单的动画效果代码
2012/03/18 Javascript
jquery+ajax实现跨域请求的方法
2015/01/20 Javascript
深入理解JavaScript系列(33):设计模式之策略模式详解
2015/03/03 Javascript
JavaScript中用toString()方法返回时间为字符串
2015/06/12 Javascript
BootStrap制作导航条实例代码
2016/05/06 Javascript
老生常谈onBlur事件与onfocus事件(js)
2016/07/09 Javascript
javascript实现的左右无缝滚动效果
2016/09/19 Javascript
JS实现的五级联动菜单效果完整实例
2017/02/23 Javascript
nodejs处理图片的中间件node-images详解
2017/05/08 NodeJs
vue-devtools的安装步骤
2018/04/23 Javascript
vue-cli3.0配置及使用注意事项详解
2018/09/05 Javascript
详解ES6 Fetch API HTTP请求实用指南
2018/11/14 Javascript
Vue CLI3基础学习之pages构建多页应用
2019/06/02 Javascript
LayUi数据表格自定义赋值方式
2019/10/26 Javascript
JS实现水平移动与垂直移动动画
2019/12/19 Javascript
js cavans实现静态滚动弹幕
2020/05/21 Javascript
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)
2020/09/11 Javascript
解决Pycharm出现的部分快捷键无效问题
2018/10/22 Python
对python实现模板生成脚本的方法详解
2019/01/30 Python
win10安装tesserocr配置 Python使用tesserocr识别字母数字验证码
2020/01/16 Python
如何将PySpark导入Python的放实现(2种)
2020/04/26 Python
python时间time模块处理大全
2020/10/25 Python
使用pandas实现筛选出指定列值所对应的行
2020/12/13 Python
HTML5中drawImage用法分析
2014/12/01 HTML / CSS
匡威荷兰官方网站:Converse荷兰
2018/10/24 全球购物
小学生感恩老师演讲稿
2014/08/28 职场文书
单位工作证明格式模板
2014/10/04 职场文书
2015年学生管理工作总结
2015/05/26 职场文书
Python如何把不同类型数据的json序列化
2021/04/30 Python