代幣： 复制代 代码如下: 無标题文档 <br>*{ マージン:0;パディング:0;} <br>#imgMove{ 高さ:205px;幅:624ピクセル;ボーダー:#000 1px ソリッド;位置:相対; margin:200px auto;overflow:hidden;} <br>#imgMove ul{ height:205px;position:absolute;左:0; overflow:hidden;} <br>#imgMove li{ list-style:none;フロート:左;高さ:205ピクセル;幅:156ピクセル; margin:0;} <br>a img,img{ border:none;} <br>span{ z-index:999;height:68px;幅:68ピクセル;表示:なし;位置:絶対;カーソル:ポインター;} <br>#moveLeft{left:0;上:68ピクセル; <br>#moveRight{right:-10px; top:68px;} <br> <br>window.onload=function(){ <br>var oDiv=document.getElementById('imgMove'); <br>var oUl=oDiv.getElementsByTagName('ul')[0]; <br>var oli=oUl.getElementsByTagName('li'); <br>var liSpeed=1; <br>var ospan=oDiv.getElementsByTagName('span'); <br>var rightmove=document.getElementById('moveRight'); <br>var leftmove=document.getElementById('moveLeft'); <br>関数 show(){ <br>ospan[0].style.display="ブロック"; <br>ospan[1].style.display="ブロック"; <br>} <br>oUl.onmouseover=function (){ <br>show(); <br>} <br>oUl.onmouseout=function(){ <br>ospan[0].style.display="none"; <br>ospan[1].style.display="none"; <br>} <br>ospan[0].onmouseover=function(){ <br>liSpeed=1; <br>show();/*追加この関数は左向き右の絵柄移動*/ <br>} <br>ospan[1].onmouseover=function(){ <br>liSpeed=-1 ; <br>show();/*この関数を追加するのは左向き右の写真闪動き*/ <br>} <br><br>oUl.style.width=oli[0].offsetWidth*oli.長さ 'px';; <br>setInterval(function(){ <br>oUl.style.left=oUl.offsetLeft-liSpeed 'px'; <br>if(oUl.offsetLeft<-oUl.offsetWidth/2){ <BR>oUl.style .left=0; <BR>} <BR>else if(oUl.offsetLeft>0) <BR>{ <BR>oUl.style.left=-oUl.offsetWidth/2 'px'; <BR> >},30) <BR>} <BR>
