長い間それを見つけた後、私は最終的に適切なものを見つけました。
次のようにコードコードをコピーします。
<
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<メタhttp-equiv = "content-type" content = "text /html; charset = gb2312" /> />
<title>画像ローリング</title>
</head>
<body>
<style type = "text/css">
<！ -
#demo {
背景：#fff;
オーバーフロー：隠し;
ボーダー：1pxダッシュ#ccc;
幅：500px;
}
#demo img {
ボーダー：3pxソリッド＃F2F2F2;
}
#indemo {
フロート：左;
幅：800％;
}
＃demo1 {{
フロート：左;
}
＃demo2 {{
フロート：左;
}
- >
</style>
<div id = "demo">
<div id = "indemo">
<div id = "demo1">
<a href = "＃"> <img src = "/jscss/demoimg/wall_s1.jpg"/> </a>
<a href = "＃"> <img src = "/jscss/demoimg/wall_s2.jpg"/> </a>
<a href = "＃"> <img src = "/jscss/demoimg/wall_s3.jpg"/> </a>
<a href = "＃"> <img src = "/jscss/demoimg/wall_s4.jpg"/> </a>
<a href = "＃"> <img src = "/jscss/demoimg/wall_s5.jpg"/> </a>
<a href = "＃"> <img src = "/jscss/demoimg/wall_s6.jpg"/> </a>
</div>
<div id = "demo2"> </div>
</div>
</div>
<スクリプト>
<！ -
varuled = 10;
var tab = document.getElementById（ "demo"）;
var tab1 = document.getElementById（ "demo1"）;
var tab2 = document.getElementById（ "demo2"）;
tab2.innerhtml = tab1.innerhtml;
function marquee（）{
if（tab2.offsetwidth-tab.scrollleft <= 0）
tab.scrollleft- = tab1.offsetwidth
それ以外 {
Tab.Scrollleft ++;
}
}
var mymar = setinterval（Marquee、Speed）;
tab.onmouseover = function（）{clearInterval（mymar）};
tab.onmouseout = function（）{mymar = setinterval（marquee、speed）};
- >
</script>
</body>
</html>