JavaScript는 소스 코드 download_javascript 기술을 사용하여 간단한 이미지 스크롤을 구현합니다.-JS 튜토리얼-php.cn

어젯밤 독일과 포르투갈의 하이라이트 경기를 보셨나요? 베이징 시간 새벽 경기에서 크리스티아누 호날두가 이끄는 포르투갈은 독일에 0-4로 완패했다. 골든글로브상 수상, 유럽 골든부츠 수상, 챔피언스리그 우승의 핵심이다. .포르투갈 대표팀에서... 크리스티아누 호날두의 9장의 사진이 무엇을 의미하는지 말해준다. 눈물 없이 울고 싶다

코드 복사 코드는 다음과 같습니다: 스크롤 이미지 body { font-size:12px; font-family: "Microsoft Yahei",' SimSun','宋体'; 여백: 0px; 텍스트 정렬: } img { 🎜>높이: 150px; } .news_root { 폭: 225px; 높이: 134px; 여백: 0 auto; } div .news_header { 너비: 243px; 높이: 16px; text-align: 왼쪽; -크기: 14px; 여백: 6px; } #scrollContainer { 폭: 345px; 오버플로: 숨김; 텍스트 정렬: } 울지 말고 어서 > &lt ;td> ; /테이블> /div> var stopcroll = false; var scrollContWidth = 300; var scrollSpeed = 25;

var scrollContainer = document.getElementById('scrollContainer') var scrollContent = document.getElementById('scrollContent') ; var firstCol = document.getElementById('firstCol'); var lastCol = document.getElementById( 'lastCol')

//첫 번째 열의 내용을 두 번째 열에 복사 스크롤을 연속적으로 보이게 하려면 lastCol.innerHTML = firstCol.innerHTML; scrollContainer.style.width = scrollContWidth "px"; scrollContainer.style.height = scrollContHeight "px" scrollContainer. noWrap = true; scrollContainer.onmouseover = new Function("stopscroll=true;"); scrollContainer .onmouseout = new Function("stopscroll=false;")

function init() { scrollContainer.scrollLeft = 0; setInterval(scrollLeft1,scrollSpeed); } init(); function scrollLeft1() { if(stopscroll == true) return; currleft = scrollContainer.scrollLeft; scrollContainer.scrollLeft = 1; if(currleft == scrollContainer.scrollLeft) 🎜>scrollContainer.scrollLeft = 0; scrollLeft = 1; } } ;/span>

소스코드 다운로드