level 2
谁能给我一个思路？
2015年11月14日 09点11分
level 1
level 1
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>location</title>
<style type="text/css">
*{
padding:0px;
margin:0px;
}
#imgid{
position:absolute;
/*left:100px;
top:100px;*/
}
</style>
</head>
<body>
<img src="images/6.jpg" id="imgid">
</body>
<script type="text/javascript">
//获取img
imgid=document.getElementById("imgid");
//初始化
x=0;
y=0;
//定义速度
xv=10;
yv=10;
setInterval(function(){
//上下范围
if(y<0||y>window.innerHeight-imgid.offsetHeight){
//速度取反
yv=-yv;
}
//左右范围
if(x<0||x>window.innerWidth-imgid.offsetWidth){
//速度取反
xv=-xv;
}
x+=xv;
y+=yv;
imgid.style.left=x+"px";
imgid.style.top=y+"px";
},10);
</script>
</html>
2015年11月28日 05点11分
7
<html>
<head>
<meta charset="utf-8">
<title>location</title>
<style type="text/css">
*{
padding:0px;
margin:0px;
}
#imgid{
position:absolute;
/*left:100px;
top:100px;*/
}
</style>
</head>
<body>
<img src="images/6.jpg" id="imgid">
</body>
<script type="text/javascript">
//获取img
imgid=document.getElementById("imgid");
//初始化
x=0;
y=0;
//定义速度
xv=10;
yv=10;
setInterval(function(){
//上下范围
if(y<0||y>window.innerHeight-imgid.offsetHeight){
//速度取反
yv=-yv;
}
//左右范围
if(x<0||x>window.innerWidth-imgid.offsetWidth){
//速度取反
xv=-xv;
}
x+=xv;
y+=yv;
imgid.style.left=x+"px";
imgid.style.top=y+"px";
},10);
</script>
</html>
![[汗]](/static/emoticons/u6c57.png)
别闹，我这也是老师教的