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 相关文章推荐
javascript下操作css的float属性的特殊写法
Aug 22 Javascript
Enter转换为Tab的小例子(兼容IE,Firefox)
Nov 14 Javascript
jquery右下角自动弹出可关闭的广告层
May 08 Javascript
JavaScript实现级联菜单的方法
Jun 29 Javascript
angularjs ocLazyLoad分步加载js文件实例
Jan 17 Javascript
重新理解JavaScript的六种继承方式
Mar 24 Javascript
原生JavaScript实现精美的淘宝轮播图效果示例【附demo源码下载】
May 27 Javascript
解决vue同一slot在组件中渲染多次的问题
Sep 06 Javascript
基于axios 解决跨域cookie丢失的问题
Sep 26 Javascript
js 压缩图片的示例(只缩小体积,不更改图片尺寸)
Oct 21 Javascript
ES6中的Javascript解构的实现
Oct 30 Javascript
基于vue项目设置resolves.alias: '@'路径并适配webstorm
Dec 02 Vue.js
二叉树先序遍历的非递归算法具体实现
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
Mysql数据库操作类( 1127版,提供源码下载 )
2010/12/02 PHP
探讨:web上存漏洞及原理分析、防范方法
2013/06/29 PHP
PHP邮件发送类PHPMailer用法实例详解
2014/09/22 PHP
PHP微信开发之有道翻译
2016/06/23 PHP
PHP实现重载的常用方法实例详解
2017/10/18 PHP
PHP经典设计模式之依赖注入定义与用法详解
2019/05/21 PHP
JavaScript 面向对象编程(1) 基础
2010/05/18 Javascript
jquery 多级下拉菜单核心代码
2010/05/21 Javascript
js关闭父窗口时关闭子窗口
2013/04/01 Javascript
jQuery实现图片放大预览实现原理及代码
2013/09/12 Javascript
javascript数组操作(创建、元素删除、数组的拷贝)
2014/04/07 Javascript
jQuery实现的一个tab切换效果内部还嵌有切换
2014/08/10 Javascript
jQuery遍历json中多个map的方法
2015/02/12 Javascript
jQuery使用after()方法在元素后面添加多项内容的方法
2015/03/26 Javascript
javascript正则表达式之分组概念与用法实例
2016/06/16 Javascript
浅谈JavaScript中数组的增删改查
2016/06/20 Javascript
AngularJS轻松实现双击排序的功能
2016/08/30 Javascript
Vue.js实战之通过监听滚动事件实现动态锚点
2017/04/04 Javascript
angularJs的ng-class切换class
2017/06/23 Javascript
详解AngularJS ng-class样式切换
2017/06/27 Javascript
基于vue.js实现的分页
2018/03/13 Javascript
微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能示例
2018/12/11 Javascript
python实现倒计时的示例
2014/02/14 Python
python基于xmlrpc实现二进制文件传输的方法
2015/06/02 Python
Python命令启动Web服务器实例详解
2017/02/23 Python
Python编程实现删除VC临时文件及Debug目录的方法
2017/03/22 Python
python修改txt文件中的某一项方法
2018/12/29 Python
Python 静态方法和类方法实例分析
2019/11/21 Python
css3实现椭圆轨迹旋转的示例代码
2018/10/29 HTML / CSS
Hashtable 添加内容的方式有哪几种,有什么区别?
2012/04/08 面试题
syb养殖创业计划书
2014/01/09 职场文书
英语专业个人求职信范文
2014/02/01 职场文书
2019暑假阅读倡议书
2019/06/24 职场文书
使用Pytorch实现two-head(多输出)模型的操作
2021/05/28 Python
Python 数据可视化之Bokeh详解
2021/11/02 Python
Python之matplotlib绘制饼图
2022/04/13 Python