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 相关文章推荐
破除一些网站复制、右键限制
Nov 04 Javascript
禁止刷新,回退的JS
Nov 25 Javascript
jquery实现居中弹出层代码
Aug 25 Javascript
理解Javascript_03_javascript全局观
Oct 11 Javascript
常见效果实现之返回顶部(结合淡入、淡出、减速滚动)
Jan 04 Javascript
使用jQuery重置(reset)表单的方法
May 05 Javascript
jQuery on方法传递参数示例
Dec 09 Javascript
基于Jquery代码实现支持PC端手机端幻灯片代码
Nov 17 Javascript
js 自带的sort() 方法全面了解
Aug 16 Javascript
如何去除vue项目中的#及其ie9兼容性
Jan 11 Javascript
vue.js实现图书管理功能
Sep 24 Javascript
js实现鼠标滑动到某个div禁止滚动
Sep 17 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 分页原理分析,大家可以看看
2009/12/21 PHP
php 文件上传代码(限制jpg文件)
2010/01/05 PHP
php排序算法实例分析
2016/10/17 PHP
用javascript将数据库中的TEXT类型数据动态赋值到TEXTAREA中
2007/04/20 Javascript
javascript学习笔记(五)正则表达式
2011/04/08 Javascript
点弹代码 点击页面任何位置都可以弹出页面效果代码
2012/09/17 Javascript
jquery $(this).attr $(this).val方法使用介绍
2013/10/08 Javascript
Jquery中Event对象属性小结
2015/02/27 Javascript
基于JavaScript实现百叶窗动画效果不只单纯flas可以实现
2016/02/29 Javascript
js实现页面跳转的五种方法推荐
2016/03/10 Javascript
用JavaScript动态建立或增加CSS样式表的实现方法
2016/05/20 Javascript
有关jQuery中parent()和siblings()的小问题
2016/06/01 Javascript
win系统下nodejs环境安装配置
2017/05/04 NodeJs
深入理解vue2.0路由如何配置问题
2017/07/18 Javascript
element-ui 远程搜索组件el-select在项目中组件化的实现代码
2019/12/04 Javascript
vue的webcamjs集成方式
2020/11/16 Javascript
webpack4从0搭建组件库的实现
2020/11/29 Javascript
[00:20]TI9观赛名额抽取Ⅱ
2019/07/24 DOTA
[04:15]DOTA2-DPC中国联赛1月19日Recap集锦
2021/03/11 DOTA
基于Python的身份证号码自动生成程序
2014/08/15 Python
啥是佩奇?使用Python自动绘画小猪佩奇的代码实例
2019/02/20 Python
用python做游戏的细节详解
2019/06/25 Python
简单了解python PEP的一些知识
2019/07/13 Python
python通过robert、sobel、Laplace算子实现图像边缘提取详解
2019/08/21 Python
PYTHON发送邮件YAGMAIL的简单实现解析
2019/10/28 Python
python tqdm实现进度条的示例代码
2020/11/10 Python
用css3实现当鼠标移进去时当前亮其他变灰效果
2014/04/08 HTML / CSS
Vero Moda西班牙官方购物网站:丹麦BESTSELLER旗下知名女装品牌
2018/04/27 全球购物
日本高岛屋百货购物网站:TAKASHIMAYA
2019/03/24 全球购物
生产厂厂长岗位职责
2013/12/25 职场文书
教师网络培训感言
2014/03/09 职场文书
对祖国的寄语大全
2014/04/11 职场文书
企业负责人任命书
2014/06/05 职场文书
常务副总经理任命书
2014/06/05 职场文书
农民工工资支付承诺书
2015/05/04 职场文书
Go使用协程交替打印字符
2021/04/29 Golang