代码: 复system代码 代码如下: <머리> 无标题文档 <br>*{ 여백:0; 패딩:0;} <br>#imgMove{ 높이:205px; 너비:624px; 테두리:#000 1px 실선; 위치:상대적; 여백:200px 자동;오버플로우:숨김;} <br>#imgMove ul{ 높이:205px;위치:절대; 왼쪽:0; 오버플로:숨김;} <br>#imgMove li{ 목록 스타일:없음; 부동:왼쪽; 높이:205px; 너비:156px; 여백:0;} <br>img,img{ 테두리: 없음;} <br>범위{ z-index:999;height:68px; 너비:68px; 표시:없음;위치:절대; 커서:포인터;} <br>#moveLeft{왼쪽:0; 상단:68px; } <br>#moveRight{right:-10px; top:68px;} <br> <br>window.onload=function(){ <br>var oDiv=document.getElementById('imgMove'); <br>var oUl=oDiv.getElementsByTagName('ul')[0]; <br>var oli=oUl.getElementsByTagName('li'); <br>var liSpeed=1; <br>var ospan=oDiv.getElementsByTagName('span'); <br>var rightmove=document.getElementById('moveRight'); <br>var leftmove=document.getElementById('moveLeft'); <br>함수 show(){ <br>ospan[0].style.display="block"; <br>ospan[1].style.display="block"; <br>} <br>oUl.onmouseover=function(){ <br>show(); <br>} <br>oUl.onmouseout=function(){ <br>ospan[0].style.display="none"; <br>ospan[1].style.display="없음"; <br>} <br>ospan[0].onmouseover=function(){ <br>liSpeed=1; <br>show();/*加这个函数是为了去除向左向右의 사진 闪动*/ <br>} <br>ospan[1].onmouseover=function(){ <br>liSpeed=-1 ; <br>show();/*加这个函数是为了去除向左向右의 사진 闪动*/ <br>} <br><br>oUl.style.width=oli[0].offsetWidth*oli. 길이 'px';; <br>setInterval(function(){ <br>oUl.style.left=oUl.offsetLeft-liSpeed 'px'; <br>if(oUl.offsetLeft<-oUl.offsetWidth/2){ <BR>oUl.style .left=0; <BR>} <BR>else if(oUl.offsetLeft>0) <br>{ <br>oUl.style.left=-oUl.offsetWidth/2 'px'} <br>},30) <br>} <br> <본문>
