zoukankan
html css js c++ java
Javascript, How to make a Dress Up Game (Drag and Drop)
<
style
>
<!--
.dragme
{position:relative;}
-->
</
style
>
<
script language
=
"
JavaScript1.2
"
>
<!--
var
ie
=
document.all;
var
nn6
=
document.getElementById
&&!
document.all;
var
isdrag
=
false
;
var
x,y;
var
dobj;
function
movemouse(e)
{
if
(isdrag)
{
dobj.style.left
=
nn6
?
tx
+
e.clientX
-
x : tx
+
event.clientX
-
x;
dobj.style.top
=
nn6
?
ty
+
e.clientY
-
y : ty
+
event.clientY
-
y;
return
false
;
}
}
function
selectmouse(e)
{
var
fobj
=
nn6
?
e.target : event.srcElement;
var
topelement
=
nn6
?
"
HTML
"
:
"
BODY
"
;
while
(fobj.tagName
!=
topelement
&&
fobj.className
!=
"
dragme
"
)
{
fobj
=
nn6
?
fobj.parentNode : fobj.parentElement;
}
if
(fobj.className
==
"
dragme
"
)
{
isdrag
=
true
;
dobj
=
fobj;
tx
=
parseInt(dobj.style.left
+
0
);
ty
=
parseInt(dobj.style.top
+
0
);
x
=
nn6
?
e.clientX : event.clientX;
y
=
nn6
?
e.clientY : event.clientY;
document.onmousemove
=
movemouse;
return
false
;
}
}
document.onmousedown
=
selectmouse;
document.onmouseup
=
new
Function(
"
isdrag=false
"
);
//
-->
</
script
>
<
img src
=
"
ttt.jpg
"
class
=
"
dragme
"
>
JSON(
http://www.json.org/json-zh.html
)
<
script
>
var
myJSONObject
=
{
"
bindings
"
:
[
{
"
ircEvent
"
:
"
PRIVMSG
"
,
"
method
"
:
"
newURI
"
,
"
regex
"
:
"
^http://.*
"
}
,
{
"
ircEvent
"
:
"
PRIVMSG
"
,
"
method
"
:
"
deleteURI
"
,
"
regex
"
:
"
^delete.*
"
}
,
{
"
ircEvent
"
:
"
PRIVMSG
"
,
"
method
"
:
"
randomURI
"
,
"
regex
"
:
"
^random.*
"
}
]
}
;
alert(myJSONObject.bindings[
0
].method);
//
"newURI"
</
script
>
查看全文
相关阅读:
Mysql查漏补缺
RabbitMQ学习笔记
memcache学习笔记
Redis问题整理
JedisCluster获取key所在的节点
JavaSE编程题
IDEA快捷键 日常整理
Idea 常用快捷键列表
【C++】 构造函数为什么不能声明为虚函数,析构函数可以
【算法笔记】买卖股票问题--DP/贪心算法
原文地址:https://www.cnblogs.com/snowball/p/562873.html
最新文章
mybatis做模糊查询
mysql数据库优化
谷粒商城环境
Linux
oracle之导入导出
初识网络协议:基于TCP和UDP的Socket编程
初识网络协议:HTTP和HTTPS
初识网络协议:TCP和UDP
初识网络协议:什么是域名
初识网络协议:如何上网
热门文章
初识网络协议:什么是IP地址
PHP与RabbitMQ(下)
PHP与RabbitMQ(上)
解决在windows环境下nginx+php-cgi自动退出的问题
MySQL查询性能优化
Mysql性能优化
Mysql日志概述
Mysql的Event
Mycat搭建负载均衡,读写分离的Mysql集群
从零开始:Mysql基于Amoeba的集群搭建
Copyright © 2011-2022 走看看