<div class="codetitle"> <span><a style="CURSOR: pointer" data="88030" class="copybut" id="copybut88030" onclick="doCopy('code88030')"><u>コードをコピー</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code88030"> <br><!DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br><html xmlns="http://www.w3 .org/ 1999/xhtml"> <br><head> <br><meta http-equiv="Content-Type" content="text/html" /> <br>< title>画像 横スクロールコード</title> <br><!----------画像ブロックスタイル--------------<BR>< ; スタイル type="text/css"> <br>.box{ マージン:0 自動; 幅:10px; } <br>.box { マージン- right:20px;} <br>#goleft {幅: 800px;高さ: 70px;オーバーフロー: 非表示;} <br>#goleft #gols {幅: 33100px;} <br>#goleft1, #goleft2 {幅: 自動; float: left;} <br><br><br></head> <BR><BR><!----------画像水平スクロールブロック----------> <br><div class="box"> <br><div id; ="gols"> <br><div id="goleft1"> <br><a href="" ><img src="http://image.cnicif.com/big/ 2013 /5/14/jpg20130514011700784.jpg" alt="6" width="100" height="70" /></a> <br><a href="" ><img src= " http://image.cnicif.com/big/2013/5/14/jpg20130514011612885.jpg" alt="5" width="100" height="70" /></a> <br>< ; a href="" ><img src="http://image.cnicif.com/big/2013/5/14/jpg20130514011552639.jpg" alt="4" width="100" height="70 " /></a> <br><a href="" ><img src="http://image.cnicif.com/big/2013/5/14/jpg20130514011502241.jpg" alt = "3" width="100" height="70" /></a> <br><a href="" ><img src="http://image.cnicif.com/ big /2013/5/14/jpg20130514011344231.jpg" alt="2" width="100" height="70" /></a> <br><a href="" ><img src ="http://image.cnicif.com/big/2013/5/14/jpg20130514011113601.jpg" alt="1" width="100" height="70" /></a> </div> <br><div id="goleft2"><br></div> <br></div> <!----------画像スクロール終了-----> <br><script type="text/javascript"> >//画像スクロール JS コード <br>var Speed2=20; <br>var FGgoleft=document.getElementById('goleft'); <br>var FGgoleft2 =document.getElementById('goleft2'); <br>FGgoleft2.innerHTML=FGgoleft1.innerHTML <br>function Marquee2(){ <br>if(FGgoleft2.offsetWidth-FGgoleft.scrollLeft<=0) <BR>{ <BR>FGgoleft.scrollLeft-=FGgoleft1.offsetWidth <BR>} <BR>else{ <BR>FGgoleft.scrollLeft ; <BR>} <BR>} <BR>var MyMar2=setInterval(Marquee2,speed2) <BR>FGgoleft 。 onmouseover=function() { clearInterval(MyMar2) } <BR>FGgoleft.onmouseout=function() { MyMar2=setInterval(Marquee2,speed2) } <BR></script> <br></body> </html> <br><br> <br>効果: <br><br> </div>