JavaScript实现分享侧边栏

1.HTML结构：

<div id="div1">

<span>分享到</span>

</div>

2.css样式结构：

#div1{
				width:150px;height:200px;background-color:#7FFFD4;position:absolute;
			left:-150px;}
			#div1 span{position:absolute;width:20px;height:60px;line-height:20px;background-color:#0000FF;
			right:-20px;top:70px;
			}

3.JavaScript：

window.onload=function(){
                var odiv=document.getElementById('div1');
                odiv.onmousemove=function(){
                    startmover(10,0);
                }
                odiv.onmouseout=function(){
                    startmover(-10,-150);
                }
            }
            var timer=null;
            
            function startmover(speed,itarget){
                var odiv=document.getElementById('div1');
                clearInterval(timer);
                timer=setInterval(function(){
                    
                    if(odiv.offsetLeft==itarget){
                        clearInterval(timer);
                    }else{
                        odiv.style.left=odiv.offsetLeft+speed+'px';
                    }
                },30)
            }