div 이미지 윤곽선 원활한 연결 구현 code_HTML/Xhtml_web 페이지 제작-HTML 튜토리얼-php.cn

코드 복사 코드는 다음과 같습니다. head> #demo { 배경: 없음 반복 스크롤 0 0 경계: 1px 솔리드 #98CBFF ; 여백-하단: 오버플로: 숨김 너비: 948px; 🎜># 데모 img { border: 3px solid #F2F2F2; #indemo { float: 왼쪽 width: 800%; { float: 왼쪽; } #demo2 { float: 왼쪽; } .box { 테두리: 1px 솔리드 float: 왼쪽; 여백: 7px 10px; 여백: 5px; 폭: 150px;

이미지가 왼쪽으로 원활하게 스크롤됨 왼쪽으로 스크롤됨

코드 복사

코드는 다음과 같습니다.

"indemo"> 전화번호

안녕하세요 바보

바보 > var speed=10; //숫자가 클수록 속도가 느려집니다. var tab=document.getElementById( "demo"); var tab1=document.getElementById("demo1"); var tab2=document.getElementById("demo2") tab2.innerHTML=tab1.innerHTML; Marquee(){ if( tab2.offsetWidth-tab.scrollLeft tab.scrollLeft-=tab1.offsetWidth else{ tab.scrollLeft } } var MyMar=setInterval( Marquee,speed); tab.onmouseover=function() {clearInterval(MyMar)} tab.onmouseout=function() {MyMar=setInterval(Marquee,speed) };