효과: 코드: 코드 복사 코드는 다음과 같습니다. <br> #div1<br> {<br> 너비: 245px;<br> 높이: 150px;<br> 배경: 빨간색;<br> 여백: 250px;<br> 여백 -왼쪽: 500px;<br> 위치: 절대;<br> 오버플로 : 숨김;<br> }<br> #div1 ul li<br> {<br> 부동: 왼쪽;<br> 너비: 44px;<br> 높이: 66px;<br> 여백 상단: 20px;<br> 여백-오른쪽: 5px;<br> 목록 스타일: 없음;<br> }<br> #div1 ul<br> {<br> 너비:<br> 위치: 절대;<br> 패딩: 0 ;<br> }<br> <br> window.onload = function () {<br> var oul = document.getElementsByTagName(' ul ') [0]; <br> var odiv = document.getElementById ('div1 '); oul.style.width = (ali[0].offsetWidth 5) * ali.length 'px';<br> function Roll() {<br> if (oul.offsetLeft <= -oul.offsetWidth / 2) {<BR> oul.style.left = '0';<BR> }<BR> oul.style.left = oul.offsetLeft - 2 'px';<BR> }<BR> var 타이머 = null ;<BR> 타이머 = setInterval(roll, 30);<BR> odiv.onmouseover = function () {<BR> clearInterval(timer);<BR> odiv.onmouseout = 함수 () {<BR> 타이머 = setInterval(roll, 30);<BR> }<BR> };<BR>
