스크롤링 사진 news_javascript 기술을 구현하는 Javascript 예제 코드

그림뉴스 구현에 사용되는 코드는 다음과 같습니다

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

var index = 0;
var Timer = null;

function initGallery(){
for(var i=0; i< 4; i ){
document.getElementById("fPic" i).style.display = "none";
document .getElementById("fTitl" i).style.display = "none";
document.getElementById("fNum" i).style.className = "numOff";
}
startChange();
setTimer();
}

function startChange(){
인덱스 = 인덱스 % 4;

changePic(index);
changeTitl(index);
changeNum(index);

색인 ;
}

functionchangePic(index){
for(var i=0; i<4;i ){
document.getElementById("fPic" i).style.display = "none";
}
document.getElementById("fPic" index).style.display = "차단";
}

functionchangeTitl(index){
for(var i=0; i<4; i ){
document.getElementById("fTitl" i).style.display = "none";
}
document.getElementById("fTitl" index).style.display = "차단";
}

functionchangeNum(index){
for(var i=0; i<4; i ){
document.getElementById("fNum" i).className = "numOff";
}
document.getElementById("fNum" index).className = "numOff numOn";
}

함수clearTimer(){
this.clearInterval(Timer);
}

함수 setTimer(){
타이머 = window.setInterval(startChange, 3000)
}

함수 setIndex(index){
this.index = index;
this.startChange();
}