今天在写页面时。前一秒还好好的,再刷新一下就乱码了
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#div1{
width: 150px;
height: 200px;
background-color: green;
position: absolute;
left: -150px;
}
#div1 span{
width: 20px;
height: 60px;
line-height: 20px;
background-color: blue;
position: absolute;
right: -20px;
top: 70px;
}
</style>
<script>
window.onload=function(){
var mydiv1=document.getElementById('div1');
mydiv1.onmouseover=function(){
startmove(0);
};
mydiv1.onmouseout=function(){
startmove(-150);
}
}
var timer=null;
function startmove(itarget){
var mydiv1=document.getElementById('div1');
var speed=0;
if(mydiv1.offsetLeft>itarget)
{
speed=-10;
}
else
{
speed=10;
}
clearInterval(timer);
timer=setInterval(function(){
if(mydiv1.offsetLeft==itarget)
{
clearInterval(timer);
}
else{
mydiv1.style.left=mydiv1.offsetLeft+speed+'px';
}
}, 30);
}
</script>
</head>
<body>
<div id="div1">
<span>分享到</span>
</div>
</body>
<html>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。