<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html?xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<style?type="text/css">
all{?margin:0;?padding:0;}
div{?background-color:red;?width:200px;?height:300px;?left:-200px;?position:relative;}
span{?background-color:blue;width:20px;?height:40px;?position:absolute;left:200px;?color:#FFF;?top:75px;}
</style>
<script>
window.onload=function(){
????var?timer=null,
????????a=document.getElementById('a');
????
????a.onmouseover=function(){
????????Move(0);
????}
????a.onmouseout=function(){
????????Move(-200);
????????}
????function?Move(num){
????????clearInterval(timer);
????????a=document.getElementById('a');
????????if(a.offsetLeft<num){
????????timer=setInterval(function(){
????????????if(a.offsetLeft?>=?num)
????????????{
????????????????clearInterval(timer);
????????????
????????????}
????????????else{
????????????????a.style.left=a.offsetLeft+?1?+'px';
????????????????}
????????????},30);
????????}
????????else?if(a.offsetLeft>num){
????????????timer=setInterval(function(){
????????????if(a.offsetLeft?==?num)
????????????{
????????????????clearInterval(timer);
????????????
????????????}
????????????else{
????????????????a.style.left=a.offsetLeft-?1?+'px';
????????????????}
????????????},30);}
????}
}
</script>
<title>無標題文檔</title>
</head>
<div?id="a"><span?id="box">分享</span></div>
<body>
</body>
</html>
為什么鼠標移開的時候不能回移？
qq_吃藥先森_03169839
2016-05-06 15:26:26
