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 相关文章推荐
仿淘宝TAB切换搜索框搜索切换的相关内容
Sep 21 Javascript
利用vscode编写vue的简单配置详解
Jun 17 Javascript
react-native使用react-navigation进行页面跳转导航的示例
Sep 07 Javascript
vue router学习之动态路由和嵌套路由详解
Sep 21 Javascript
Vue之Vue.set动态新增对象属性方法
Feb 23 Javascript
如何从零开始利用js手写一个Promise库详解
Apr 19 Javascript
使用vue-router完成简单导航功能【推荐】
Jun 28 Javascript
animate.css在vue项目中的使用教程
Aug 05 Javascript
JS实现的杨辉三角【帕斯卡三角形】算法示例
Feb 26 Javascript
关于element-ui的隐藏组件el-scrollbar的使用
May 29 Javascript
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
Jun 10 jQuery
python虚拟环境 virtualenv的简单使用
Jan 21 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的ob_start();控制您的浏览器cache!
2007/02/14 PHP
无需重新编译php加入ftp扩展的解决方法
2013/02/07 PHP
关于使用key/value数据库redis和TTSERVER的心得体会
2013/06/28 PHP
php检查字符串中是否有外链的方法
2015/07/29 PHP
PHP获取用户访问IP地址的5种方法
2016/05/16 PHP
会自动逐行上升的文本框
2006/06/30 Javascript
prototype 中文参数乱码解决方案
2009/11/09 Javascript
Dom 结点创建 基础知识
2011/10/01 Javascript
extjs ColumnChart设置不同的颜色实现代码
2013/05/17 Javascript
NodeJS Express框架中处理404页面一个方式
2014/05/28 NodeJs
jQuery不兼容input的change事件问题解决过程
2014/12/05 Javascript
基于jquery和svg实现超炫酷的动画特效
2014/12/09 Javascript
Javascript获取随机数的实现方法
2016/06/22 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
2016/12/14 Javascript
jQuery无刷新上传之uploadify简单代码
2017/01/17 Javascript
JS如何判断浏览器类型和详细区分IE各版本浏览器
2017/03/04 Javascript
AngularJS之页面跳转Route实例代码
2017/03/10 Javascript
详解Vue.js 2.0 如何使用axios
2017/04/21 Javascript
微信小程序之蓝牙的链接
2017/09/26 Javascript
JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例
2019/01/29 Javascript
微信小程序textarea层级过高的解决方法
2019/03/04 Javascript
如何利用Node.js与JSON搭建简单的动态服务器
2020/06/16 Javascript
vue项目配置 webpack-obfuscator 进行代码加密混淆的实现
2021/02/26 Vue.js
[01:00:30]完美世界DOTA2联赛循环赛 Inki vs Matador BO2第二场 10.31
2020/11/02 DOTA
Python自动发邮件脚本
2017/03/31 Python
6行Python代码实现进度条效果(Progress、tqdm、alive-progress​​​​​​​和PySimpleGUI库)
2020/01/06 Python
Python SMTP配置参数并发送邮件
2020/06/16 Python
python3.x中安装web.py步骤方法
2020/06/23 Python
利用keras使用神经网络预测销量操作
2020/07/07 Python
请问如下代码执行后a和b的值分别是什么
2016/05/05 面试题
学前教育学生自荐信范文
2013/12/31 职场文书
自荐书范文范例
2014/02/13 职场文书
《长江之歌》教学反思
2014/04/17 职场文书
优秀少先队辅导员事迹材料
2014/12/24 职场文书
2015年学校安全工作总结
2015/04/22 职场文书
如何制作自己的原生JavaScript路由
2021/05/05 Javascript