답:
代码:
复代码代码如下:
<head runat="서버">
<제목></제목>
<스타일 유형="텍스트/css">
#div1
{
너비: 245px;
높이: 150px;
배경: 빨간색;
여백: 250px;
왼쪽 여백: 500px;
위치: 절대;
오버플로: 숨김;
}
#div1 울 리
{
플로트: 왼쪽;
너비: 44px;
높이: 66px;
여백 상단: 20px;
오른쪽 여백: 5px;
목록 스타일: 없음;
}
#div1 ul
{
너비: 250px;
위치: 절대;
패딩: 0;
}
</style>
<스크립트 유형="텍스트/자바스크립트">
window.onload = 함수() {
var oul = document.getElementsByTagName('ul')[0];
var odiv = document.getElementById('div1');
var ali = document.getElementsByTagName('li');
oul.innerHTML = oul.innerHTML + oul.innerHTML;
oul.style.width = (ali[0].offsetWidth + 5) * ali.length + 'px';
함수 롤() {
if (oul.offsetLeft <= -oul.offsetWidth / 2) {
oul.style.left = '0';
}
oul.style.left = oul.offsetLeft - 2 + 'px';
}
var 타이머 = null;
타이머 = setInterval(roll, 30);
odiv.onmouseover = 함수() {
ClearInterval(타이머);
}
odiv.onmouseout = 함수 () {
타이머 = setInterval(roll, 30);
}
};
</script>
</head>
<본문>
<div 아이디="div1">
<ul>
<리>
<img src="../Images/Number1/0.jpg" /></li>
<리>
<img src="../Images/Number1/1.jpg" /></li>
<리>
<img src="../Images/Number1/2.jpg" /></li>
<리>
<img src="../Images/Number1/3.jpg" /></li>
<리>
<img src="../Images/Number1/4.jpg" /></li>
</ul>
</div>
</body>