更多
2018年03月19日 21点13分 陈裤裤
写了个浮标,大概就是从左上角开始,碰到可视区域的边框就会反弹。那如果要保持拖动滚动条,重新使它在左上角开始,然后继续做运动呢

window.onload=function(e){
//			浮标
var fubiao=document.getElementById("fubiao");
var ufo=document.getElementById("ufo");
var close=document.getElementById("close");
var speed1=5;
var speed2=5;
function run(){
var nowleft=fubiao.offsetLeft;
var nowtop=fubiao.offsetTop;
var newleft=parseInt(nowleft)+speed1;
var newtop=parseInt(nowtop)+speed2;
var maxleft=document.documentElement.clientWidth-90;
var maxtop=document.documentElement.clientHeight-70;
if(newleft>maxleft||newleft<0){
speed1*=-1;
}
if(newtop>maxtop||newtop<0){
speed2*=-1;
}
fubiao.style.left=newleft+'px';
fubiao.style.top=newtop+'px';
}
var timer=setInterval(run,100);
fubiao.onmouseover=function(){
clearInterval(timer);
}
fubiao.onmouseout=function(){
clearInterval(timer);
timer=setInterval(run,100);
}
close.onclick=function(){
fubiao.style.display='none';
}
window.onresize=function(){
fubiao.style.left=0;
fubiao.style.top=0;
}
修改

编程开发语言 修改

修改
太感谢老哥了!

应答 (下拉快捷留言)

知道“一起帮”的协助流程么?不要搞错哟:应答握手再远程……

(´・・)ノ(._.`)
还没有内容呢!等待求助被解决(酬谢/撤销)后,求助人或好心人总结……

2018年03月20日 16点19分 --- 第 2 楼 ---
考虑一下碰撞检测
2018年03月20日 14点28分 --- 第 1 楼 ---
然后 是有什么问题 是js执行有问题吗
关键字



帮助

反馈