JS运动--分享到空间代码样式

来源：互联网发布：电信运营商大数据应用编辑：程序博客网时间：2024/04/26 15:45

**html**<div id="div1">        <div id="div2"> 分享到空间</div></div>**css**<style>    #div1{width: 150px; height: 300px; background: blue;position: absolute; top: 100px;left: -150px;}    #div2{width: 30px;height: 100px; background: black;position: absolute; top:80px;right: -30px;     text-align: center;font-weight: bolder; color: white;}</style>**js**<script>    window.onload=function(){         function $(id){            return document.getElementById(id);         }         var div1=$('div1');         var div2=$('div2');         var myTime='';         div1.onmouseover=function(){             // this.style.left='0px';             starMove(0,10);         }         div1.onmouseout=function(){             // this.style.left='-150px';             starMove(-150,-10);         }         function starMove(a,b){            clearInterval(myTime);            myTime=setInterval(function(){                if(div1.offsetLeft==a){                    clearInterval(myTime);                }                else{                    div1.style.left=div1.offsetLeft+b+'px';                }            },30)         }    }</script>

0 0