CSS+Div画像横スクロール code_html/css_WEB-ITnose

無标题文档 .scroll_div { width:614px; height:146px; margin:0 auto; オーバーフロー: 非表示; ホワイトスペース: nowrap; 背景:#ffffff; } .scroll_div img { 幅:140px; 高さ:140px; ボーダー: 0; マージン: 自動 2px; ボーダー:1px #efefef Solid; } #scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li { display:inline; }/*设置ul和li横排*/ &lt ;/style> function ScrollImgLeft(){ varspeed=20 varscroll_begin = document.getElementById("scroll_begin" ); varscroll_end = document.getElementById("scroll_end"); varscroll_div = document.getElementById("scroll_div"); scroll_end.innerHTML=scroll_begin.innerHTML function Marquee(){ if(scroll_end.offsetWidth-scroll_div) .scrollLeft scroll_div.scrollLeft-=scroll_begin.offsetWidth else scrollLeft++ } var MyMar=setInterval(Marquee,speed) scroll_div.onmouseover=function() {clearInterval(MyMar)} スクロールディビジョン。 onmouseout=function() {MyMar=setInterval(Marquee,speed)} } 酷站素材 酷站素材 酷站素材 酷站素材 酷站素材 酷站素材 ScrollImgLeft();