画像の水平連続スクロールコード (div+css)_html/css_WEB-ITnose

代码如下：

Code 无标题文档 .scroll_div { width:660px; height:146px; margin:0 auto; overflow: hidden; white-space: nowrap; background:#ffffff; margin-left:-6px; } .scroll_div img { width:128px; height:140px; border: 0; margin: auto 2px; border:3px #ccc solid; } #scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li { display:inline; }/*设置ul和li横排*/ function ScrollImgLeft(){ var speed=5 var scroll_begin = document.getElementById("scroll_begin"); var scroll_end = document.getElementById("scroll_end"); var scroll_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 scroll_div.scrollLeft++ } var MyMar=setInterval(Marquee,speed) scroll_div.onmouseover=function() {clearInterval(MyMar)} scroll_div.onmouseout=function() {MyMar=setInterval(Marquee,speed)} } /script> -// 左にスクロールしてコードを終了します-->

画像の水平連続スクロール コード (div+css)_html/css_WEB-ITnose

画像の水平連続スクロールコード (div+css)_html/css_WEB-ITnose