スクロール画像を実装するための Javascript サンプル コード news_javascript スキル

次のコードは画像ニュースの実装に使用されます

コードをコピーします コードは次のとおりです:

var インデックス = 0;
var Timer = null;

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

関数 startChange(){
インデックス = インデックス % 4;

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

インデックス ;
}

function changePic(index){
for(var i=0; i document.getElementById("fPic" i).style.display = "none";
}
document.getElementById("fPic" Index).style.display = "ブロック";
}

function changeTitl(index){
for(var i=0; i document.getElementById("fTitl" i).style.display = "none";
}
document.getElementById("fTitl" インデックス).style.display = "ブロック";
}

function changeNum(index){
for(var i=0; i document.getElementById("fNum" i).className = "numOff";
}
document.getElementById("fNum" インデックス).className = "numOff numOn";
}

関数 clearTimer(){
this.clearInterval(Timer);
}

関数 setTimer(){
タイマー = window.setInterval(startChange, 3000)
}

function setIndex(index){
this.index =index;
this.startChange();
}