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 相关文章推荐
用JS剩余字数计算的代码
Jul 03 Javascript
jQuery each()方法的使用方法
Mar 18 Javascript
js实现网站首页图片滚动显示
Feb 04 Javascript
Javascript设置对象的ReadOnly属性(示例代码)
Dec 25 Javascript
js设置文本框中焦点位置在最后的示例代码(简单实用)
Mar 04 Javascript
JQuery显示隐藏页面元素的方法总结
Apr 16 Javascript
深入分析Javascript跨域问题
Apr 17 Javascript
javascript中html字符串转化为jquery dom对象的方法
Aug 27 Javascript
整理Javascript数组学习笔记
Nov 29 Javascript
JS中动态创建元素的三种方法总结(推荐)
Oct 20 Javascript
jQuery动态生成的元素绑定事件操作实例分析
May 04 jQuery
vue获取form表单的值示例
Oct 29 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
《猛禽小队》:DC宇宙的又一超级大烂片
2020/04/09 欧美动漫
php 代码优化的42条建议 推荐
2009/09/25 PHP
phpmyadmin 常用选项设置详解版
2010/03/07 PHP
Yii多表联合查询操作详解
2016/06/02 PHP
使用PHP+MySql实现微信投票功能实例代码
2017/09/29 PHP
用javascript自动显示最后更新时间
2007/03/15 Javascript
在IE下获取object(ActiveX)的Param的代码
2009/09/15 Javascript
Google AJAX 搜索 API实现代码
2010/11/17 Javascript
js+html+css实现鼠标移动div实例
2013/01/30 Javascript
jquery实现美观的导航菜单鼠标提示特效代码
2015/09/06 Javascript
10个JavaScript中易犯小错误
2016/02/14 Javascript
JS实现pasteHTML兼容ie,firefox,chrome的方法
2016/06/22 Javascript
用JS写的一个Ajax库(实例代码)
2016/08/06 Javascript
Vue2.0组件间数据传递示例
2017/03/07 Javascript
require.js中的define函数详解
2017/07/10 Javascript
JavaScript代码执行的先后顺序问题
2017/10/29 Javascript
JavaScript中字符串的常用操作方法及特殊字符
2018/03/18 Javascript
Vue中UI组件库之Vuex与虚拟服务器初识
2019/05/07 Javascript
VUE中鼠标滚轮使div左右滚动的方法详解
2020/12/14 Vue.js
[38:30]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第一场2
2014/05/24 DOTA
详解Python中映射类型(字典)操作符的概念和使用
2015/08/19 Python
Python骚操作之动态定义函数
2019/03/26 Python
django实现日志按日期分割
2020/05/21 Python
python 自定义异常和主动抛出异常(raise)的操作
2020/12/11 Python
python字典与json转换的方法总结
2020/12/28 Python
德国帽子专家:Hutshopping
2019/11/03 全球购物
数百万免费的图形资源:Freepik
2020/09/21 全球购物
大学生毕业求职简历的自我评价
2013/10/24 职场文书
采购主管岗位职责
2014/02/01 职场文书
学生会干部自我鉴定2014
2014/09/18 职场文书
《夜莺的歌声》教学反思
2016/02/22 职场文书
小学语文课《掌声》教学反思
2016/03/03 职场文书
SpringBoot读取Resource下文件的4种方法
2021/07/02 Java/Android
MySQL中datetime时间字段的四舍五入操作
2021/10/05 MySQL
OpenCV项目实践之停车场车位实时检测
2022/04/11 Python
Golang 字符串的常见操作
2022/04/19 Golang