効果: コード: コードをコピー コードは次のとおりです: <br> #div1<br> {<br> 幅: 245px;<br> 高さ: 150px;<br> 背景: 赤;<br> マージン: 250px;<br> -左: 500px;<br> 位置: 絶対;<br> オーバーフロー: hidden;<br> }<br> #div1 ul li<br> {<br> float: left;<br> 幅: 44px;<br> 高さ: 66px;<br> margin-top: 20px;<br> margin-right: 5px;<br> list-style: none;<br> }<br> #div1 ul<br> {<br> 幅: 250px;<br>位置: 絶対;<br> パディング: 0 ;<br> }<br> <br> window.onload = function () {<br> var oul = document.getElementsByTagName(' ul')[0];<br> var odiv = document.getElementById('div1');<br> var ali = document.getElementsByTagName('li');<br> oul.innerHTML = oul.innerHTML oul.innerHTML ;<br> 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 timer = null ;<BR> timer = setInterval(roll, 30);<BR> odiv.onmouseover = function () {<BR> clearInterval(timer);<BR> }<BR> odiv.onmouseout = function () {<BR> timer = setInterval(roll, 30);<BR> }<BR> };<BR>