페이지 콘텐츠 연속 스크롤 코드

페이지 콘텐츠 연속 스크롤 코드

< 제목 >의 콘텐츠를 연속 스크롤 </타이틀 >
는

< div id = "데모" 스타일 = "오버플로: 숨겨진; 폭: 678PX; 높이: 105px; 색상: #ffffff "정렬 =" 센터 ">


< div id = "Demo1" >


< 폭 표 "100%" 국경 = "0" cellpadding = "0" cellspacing = "1" bgcolor = "#CCCCCC" = 정렬 = "센터" >


< tr >


< td ><는 href = "#" target = "_blank" >< img src = "Images/pdimages/g1.gif" 너비 = "높이 =" "0" = >< /a >< 신안 >


< td ><는 href = "#" target = "_blank" >< img src = "Images/pdimages/g2.gif" 너비 = "높이 =" "0" = >< /a >< 신안 >


< td ><는 href = "#" target = "_blank" >< img src = "Images/pdimages/g3.gif" 너비 = "높이 =" "0" = >< /a >< 신안 >


< td ><는 href = "#" 대상 = "" _blank >< img src = "images/pdimages/g4.gif" 너비 = "" 높이 = "" 국경 = "0" >< /a >< 신안 >


< td ><는 href = "#" target = "_blank" >< img src = "Images/pdimages/g5.gif" 너비 = "높이 =" "0" = >< /a >< 신안 >


< td ><는 href = "#" target = "_blank" >< img src = "Images/pdimages/g6.gif" 너비 = "높이 =" "0" = >< /a >< 신안 >


< td ><는 href = "#" target = "_blank" >< img src = "Images/pdimages/g7.gif" 너비 = "높이 =" "0" = >< /a >< 신안 >


< td ><는 href = "#" target = "_blank" >< img src = "Images/pdimages/g8.gif" 너비 = "높이 =" "0" = >< /a >< 신안 >


< td ><는 href = "#" 대상 = "" _blank >< img src = "images/pdimages/g9.gif" 너비 = "" 높이 = "" 국경 = "0" >< /a >< 신안 >


  


< /tr >


< / 테이블 >


< / div >


< div id = "Demo2" >< / div >


< / div >

< 스크립트 언어 = "자바 스크립트" >
var 속도 = 80;
demo2.innerhtml=demo1.innerhtml; Demo1 Demo2에 대 한 복제

기능 선택 윤곽 () 없음
경우 (demo2.offsetwidth < = demo.scrollleft) {//when Demo1 강과 Demo2 스크롤
Demo.scrollleft = Demo.scrollleft-demo1.offsetwidth; 데모 맨 점프
}
그 밖에 없음
demo.scrollleft++;
}
}

var mymar = setinterval (선택 윤곽, 속도); 설정된 타이머

Demo.onmouseover=function () {clearinterval (MyMar);} 마우스에 스크롤 중지를 달성 하기 위해 분명 타이머 이동
Demo.onmouseout=function () {mymar = setinterval (선택 윤곽, 속도);} 마우스를 이동 하면 타이머를 재설정
</스크립트 >

< div class = "취소" >< / div >
< / div >

< / div >< 신안 >
< /tr >
</테이블 >

< 신안 >
< /tr >
</테이블 >