高级搜索
收藏本站
网站地图
RSS订阅
首页
新闻
文档
论坛
培训
下载
专题
智能模糊搜索
仅搜索标题
热门关键字:
lamp
php
WEB
zend
edit
当前位置 :
|
91LAMP
>
文档
>
JavaScript
>
最简单的JavaScript拖动代码
来源:
作者:
时间:
2008-07-19
Tag:
点击:
这是我见过的最简单的实现了拖拽效果的JavaScript代码
非常的简单,用来学习很不错
代码:
<script> var xx=0,yy=0; function a(v) { xx=event.x-v.offsetLeft; yy=event.y-v.offsetTop; } function b(v) { v.style.left=event.x-xx; v.style.top=event.y-yy; } </script> <img id="img" src="http://www.ijavascript.cn/templates/logo/logo.gif" style="position:absolute;" ondragstart="a(this);" ondrag="b(this);" >
运行
复制
保存
[
收藏
]
[
推荐
]
[
评论
]
[
打印
]
[
关闭
]
0
顶一下
上一篇:
Prototype使用学习手册指南之序言
下一篇:
Prototype使用学习手册指南之base.js
最新评论
共有 0 位网友发表了评论
查看所有评论
发表评论
评论内容:
不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名:
密码:
匿名?
注册
栏目列表
PHP
Linux
MySQL
Apache
XHTML/CSS
JavaScript
Flash
Smarty
热点关注
jQuery起点教程之使用选择
用Javascript实现鼠标拖拽
Firefox 2.0将采用全新Jav
JavaScript从入门到精通
JavaScript从入门到精通-
javascript的prototype继
Jquery的常用站点资源集合
jQuery写入读取Cookie插件
JavaScript验证正则表达式
最简单的JavaScript拖动代
Javascript计算器的例子
javascript表单之间的数据
数字日期转化为汉字日期格
如何制作浮动广告
PHP与JavaScript对多项选
利用JavaScript制作倒计时
初学Javascript之cookie篇
JavaScript从入门到精通-J
JavaScript从入门到精通-J
JavaScript从入门到精通-J
相关文章
javascript的prototype继
关于prototype.js的一些技
jQuery起点教程之使用选择
Prototype使用学习手册指
Prototype使用学习手册指
最简单的JavaScript拖动代
Prototype使用学习手册指
JavaScript验证正则表达式
jQuery写入读取Cookie插件
Jquery的常用站点资源集合