js写隐藏侧边框的运动效果是什么(js隐藏状态栏)

导语：JS写隐藏侧边框的运动效果

一、HTML

<div id="div1">

<img src="lovely.jpg />

<span>点我哦</span>

</div>

二、CSS

ccc;

position: absolute;left: -150px;top: 0px;

}

div1 img{ width: 150px; height: 250px;

}

三、javascript

window.onload=function(){

var oDiv=document.getElementById('div1');

oDiv.onmouseover=function(){

startMove(0);

}

oDiv.onmouseout=function(){

startMove(-150);

}

}

var timer=null;

function startMove(iTarget){

var oDiv=document.getElementById('div1);

clearInterval(timer);

timer=setInterval(function(){

var iSpeed=0;

if(oDiv.offsetLeft<iTarget){

iSpeed=10;

}else{

iSpeed=-10;

}

if(oDiv.offsetLeft==iTarget){

clearInterval(timer);

}else{

oDiv.style.left=oDiv.offsetLeft+iSpeed+'px';

}

}.30);

}

四、最终效果

本文内容由小欣整理编辑！