>웹 프론트엔드 >JS 튜토리얼 >JS 그림 원활하고 부드러운 스크롤 code_javascript 기술

JS 그림 원활하고 부드러운 스크롤 code_javascript 기술

WBOY
WBOY원래의
2016-05-16 16:55:471228검색

매우 부드러운 JS 이미지 스크롤 효과 코드, 원활한 루프, 사용자 정의 가능한 속도 및 마우스를 가리키면 중지됩니다. 이런 방식으로 JS와 이미지 주소가 분리되어 있는 것이 특징이며, 각 이미지의 주소를 데이터베이스에서 쉽고 동적으로 호출할 수 있어 제어가 편리하여 매우 실용적입니다.

코드 복사 코드는 다음과 같습니다.

.org/1999/xhtml">
< ;head>

이미지 스크롤<br>< /head> <br><body> <br><style type="text/css"> <br><!-- <BR> #demo { <BR>배경: #FFF; 오버플로:숨김; <BR>테두리: 1px 점선 #CCC; <BR>폭: 500px; <BR>} <BR>#demo img { <BR>테두리: 3px 솔리드 #F2F2F2; indemo { <BR>float: 왼쪽; <BR>너비: 800%; <BR>} <BR>#demo1 { <BR>float: 왼쪽 <BR>} <BR>#demo2 { <BR>float: 왼쪽 ; <BR>} <BR>--> <BR></style> <br><div id="demo"> ;div id="demo1"> <br><a href="#"><img src="/jscss/demoimg/wall_s1.jpg " border="0" /></a> <br><a href="#"><img src="/jscss/demoimg/wall_s2.jpg" border="0" /> </a> <br><a href=" #"><img src="/jscss/demoimg/wall_s3.jpg" border="0" /></a> <br>< ;a href="#"><img src= "/jscss/demoimg/wall_s4.jpg" border="0" /></a> <br><a href="#"> <img src="/jscss/demoimg/wall_s5.jpg " border="0" /></a> <br><a href="#"><img src="/jscss/demimg/wall_s6.jpg" border="0" /> <br>