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 innerText和innerHtml应用
Jan 28 Javascript
js实现在文本框光标处添加字符的方法介绍
Nov 24 Javascript
JS中的substring和substr函数的区别说明
May 07 Javascript
Javascript中的arguments与重载介绍
Mar 15 Javascript
基于JS实现EOS隐藏错误提示层代码
Apr 25 Javascript
BootStrap响应式导航条实例介绍
May 06 Javascript
VueJS全面解析
Nov 10 Javascript
CheckBox多选取值及判断CheckBox选中是否为空的实例
Oct 31 Javascript
详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件
Aug 02 Javascript
解决Layui中templet中a的onclick参数传递的问题
Sep 20 Javascript
layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例
Oct 26 Javascript
react+antd 递归实现树状目录操作
Nov 02 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
mysql 搜索之简单应用
2007/04/27 PHP
php curl 获取https请求的2种方法
2015/04/27 PHP
让Laravel API永远返回JSON格式响应的方法示例
2018/09/05 PHP
Yii框架连表查询操作示例
2019/09/06 PHP
Thinkphp5.0 框架使用模型Model添加、更新、删除数据操作详解
2019/10/11 PHP
js获得地址栏?问号后参数的方法
2013/08/08 Javascript
使用 Node.js 做 Function Test实现方法
2013/10/25 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
2014/09/04 Javascript
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
2015/11/24 Javascript
js实现延时加载Flash的方法
2015/11/26 Javascript
jquery插件treegrid树状表格的使用方法详解(.Net平台)
2017/01/03 Javascript
js实现登录与注册界面
2017/11/01 Javascript
vue引用js文件的多种方式(推荐)
2018/05/17 Javascript
微信小程序仿美团城市选择
2018/06/06 Javascript
vue自定义switch开关组件,实现样式可自行更改
2019/11/01 Javascript
vue 路由meta 设置导航隐藏与显示功能的示例代码
2020/09/04 Javascript
详解vue中在父组件点击按钮触发子组件的事件
2020/11/13 Javascript
py中的目录与文件判别代码
2008/07/16 Python
Python程序员面试题 你必须提前准备!
2018/01/16 Python
python TCP Socket的粘包和分包的处理详解
2018/02/09 Python
python机器学习之贝叶斯分类
2018/03/26 Python
tensorflow 打印内存中的变量方法
2018/07/30 Python
TensorFlow Session会话控制&amp;Variable变量详解
2018/07/30 Python
python实现图片识别汽车功能
2018/11/30 Python
python+pyqt5实现KFC点餐收银系统
2019/01/24 Python
python 使用建议与技巧分享(四)
2020/08/18 Python
Python学习之time模块的基本使用
2021/01/17 Python
Yummie官方网站:塑身衣和衣柜必需品
2019/10/29 全球购物
大二学期个人自我评价
2014/01/13 职场文书
2014年工作总结与下年工作计划
2014/11/27 职场文书
小学班主任评语
2014/12/29 职场文书
钱塘江大潮导游词
2015/02/03 职场文书
优秀员工自荐书
2015/03/06 职场文书
离婚案件被告代理词
2015/05/23 职场文书
学校2016年九九重阳节活动总结
2016/04/01 职场文书
2019行政前台转正申请书范文3篇
2019/08/15 职场文书