运动
天生勇气 2018-04-19
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>试验</title>
<style>
#div1{width:100px; height:100px; background:red; position:absolute; left:0px;top: 0px;}
</style>
<script type="text/javascript" src="move.js"></script>
<script>
window.onload=function(){
var oDiv=document.getElementById('div1');
var timer = null;
var taskList = [
toRight,
toLeft,
toRight,
toDown,
toLeft,
toTop,
toDown,
toRight,
toTop,
toLeft,
];
start(taskList);
// Math.random();
function start (taskList){
var index = 0;
doNext(index);
function doNext (){
taskList[index](doNext);
index++;
if(index>=taskList.length){
index = 0;
}
}
}
oDiv.onclick = function()
{
clearInterval(timer);
}
function toRight(fn){
timer = setInterval(function (){
if(oDiv.offsetLeft<1100)
{
oDiv.style.left=oDiv.offsetLeft+40+'px';
}
else
{
clearInterval(timer);
fn();
}
},30);
}
function toDown(fn){
timer=setInterval(function (){
if(oDiv.offsetTop<300)
{
oDiv.style.top=oDiv.offsetTop+40+'px';
}
else
{
clearInterval(timer);
fn();
}
},30);
}
function toLeft (fn){
timer=setInterval(function (){
if(oDiv.offsetLeft>0)
{
oDiv.style.left=oDiv.offsetLeft-40+'px';
}
else
{
clearInterval(timer);
fn();
}
},30);
}
function toTop(fn){
timer=setInterval(function (){
if(oDiv.offsetTop>0)
{
oDiv.style.top=oDiv.offsetTop-40+'px';
}
else
{
clearInterval(timer);
fn();
}
},30);
}
}
</script>
</head>
<body>
<div id="div1" ></div>
</body>
</html> 
相关推荐
80216130 0喜欢 / 0评论 2020-04-26
83510998 0喜欢 / 0评论 2020-03-26
YUAN 0喜欢 / 0评论 2020-03-06
wanff0 0喜欢 / 0评论 2019-12-30
闪饕 0喜欢 / 0评论 2015-01-20
asnowstar 0喜欢 / 0评论 2019-07-12
yaosir 0喜欢 / 0评论 2019-06-27
Mrlinjw 0喜欢 / 0评论 2014-04-17
scdn 0喜欢 / 0评论 2014-07-10
学习交流可以加0 0喜欢 / 0评论 2016-11-06
过时不侯的温暖 0喜欢 / 0评论 2016-11-02
shottgogoo 0喜欢 / 0评论 2016-09-26
过时不侯的温暖 0喜欢 / 0评论 2016-02-12
badroot 0喜欢 / 0评论 2015-11-26
liwinner 0喜欢 / 0评论 2015-06-27
89701697 0喜欢 / 0评论 2015-05-21
tft0 0喜欢 / 0评论 2018-12-25
云科技时代 0喜欢 / 0评论 2018-12-12
AsiaLee 0喜欢 / 0评论 2018-04-11
Francismingren 0喜欢 / 0评论 2019-03-27
chinaycheng 0喜欢 / 0评论 2016-09-22
titlegetatitle 0喜欢 / 0评论 2018-06-03
feiyewine 0喜欢 / 0评论 2016-12-22
woniulx0 0喜欢 / 0评论 2013-08-21
jscese 0喜欢 / 0评论 2018-02-18
wiuqt 0喜欢 / 0评论 2017-07-20
卜小娴 0喜欢 / 0评论 2016-10-11
三林浦桥 0喜欢 / 0评论 2010-09-28
xuchuangfeng 0喜欢 / 0评论 2019-05-05
makeprogress 0喜欢 / 0评论 2018-10-06
YangLe 0喜欢 / 0评论 2018-10-05
greenpepper 0喜欢 / 0评论 2018-04-28
xiaochuachua 0喜欢 / 0评论 2016-01-08
Mr欢先生 0喜欢 / 0评论 2016-01-08
lkwkqd 0喜欢 / 0评论 2017-05-31
阿文丶 0喜欢 / 0评论 2015-03-03
AndrewFrank0zxy 0喜欢 / 0评论 2019-04-25
Hectorhua 0喜欢 / 0评论 2019-04-25
飞蛾分吧 0喜欢 / 0评论 2016-01-29
Leo扶风 0喜欢 / 0评论 2019-04-21
CSSEIKOCS 0喜欢 / 0评论 2014-05-19
深圳湾 0喜欢 / 0评论 2018-05-28
玲珑 0喜欢 / 0评论 2018-05-25
妇产科门诊第十一诊室 0喜欢 / 0评论 2018-05-21
稀土 0喜欢 / 0评论 2018-05-17
深圳湾 0喜欢 / 0评论 2018-05-14
互联网与你我的世界 0喜欢 / 0评论 2018-05-07
MATLAB 0喜欢 / 0评论 2018-04-19
深圳湾 0喜欢 / 0评论 2018-04-16