無标题文档<br>.scroll_div {<br>width:614px;<br>height:146px;<br>margin:0 auto; <br>オーバーフロー: 非表示;<br>ホワイトスペース: nowrap;<br>背景:#ffffff;<br>}<br>.scroll_div img {<br>幅:140px;<br>高さ:140px;<br>ボーダー: 0;<br>マージン: 自動 2px;<br>ボーダー:1px #efefef Solid;<br>}<br>#scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li {<br>display:inline;<br>}/*设置ul和li横排*/<br>< ;/style><br></head><br><body><br><script type="text/javascript"><br>function ScrollImgLeft(){<br>varspeed=20<br>varscroll_begin = document.getElementById("scroll_begin" );<br>varscroll_end = document.getElementById("scroll_end");<br>varscroll_div = document.getElementById("scroll_div");<br>scroll_end.innerHTML=scroll_begin.innerHTML<br>function Marquee(){<br> if(scroll_end.offsetWidth-scroll_div) .scrollLeft<=0)<br /> scroll_div.scrollLeft-=scroll_begin.offsetWidth<br /> else<br /> scrollLeft++<br />}<br />var MyMar=setInterval(Marquee,speed)<br />scroll_div.onmouseover=function() {clearInterval(MyMar)}<br />スクロールディビジョン。 onmouseout=function() {MyMar=setInterval(Marquee,speed)}<br />}<br /></script><br> <!--####滚動領域####--><br> <div id ="scroll_div" class="scroll_div"><br> <div id="scroll_begin"><br> <ul><br> <li><a href=" src=" alt="" />酷站素材</a></li><br> <li><a href=" src=" alt="" />酷站素材</a></li><br> <li>< a href=" src=" alt="" />酷站素材</a></li><br> <li><a href=" src=" alt="" />酷站素材< ;/a></li><br> <li><a href=" src=" alt="" />酷站素材</a></li><br> <li><a href=" src=" alt="" />酷站素材</a></li><br> </ul><br> </div><br> <div id="scroll_end">< /div><br> </div><br> <!--###滚動領域####--><br><script type="text/javascript">ScrollImgLeft();< /script><br><!--//向左滚动代码结束--><br></body><br></html></p>