首頁  >  文章  >  web前端  >  Javascript實作滾動圖片新聞的實例程式碼_javascript技巧

Javascript實作滾動圖片新聞的實例程式碼_javascript技巧

WBOY
WBOY原創
2016-05-16 17:12:251068瀏覽

下面這段程式碼是用來實現圖片新聞的

複製程式碼 程式碼如下:

var index = 0;
var Timer = null;

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

function startChange(){
    index = index % 4;

    changePic(index);

    changeTitl(index);
    changeNum(index);

    index ;
}

function changePic(index){

    for(var i=0; i        document.getElementById("fPic" i).style.dis." }

    document.getElementById("fPic" index).style.display = "block";

}

function changeTitl(index){
    for(var i=0; i        document.getElementById("fTitl" i).style.dis

    document.getElementById("fTitl" index).style.display = "block";}


function changeNum(index){
    for(var i=0; i        document.getElementById("fNum" i).ffffclassName = "O 🎜>    document.getElementById("fNum" index).className = "numOff numOn";
}

function clearTimer(){

    this.clearInterval(Timer);
}

function setTimer(){
    Timer = window.setInterval(startChange, 3000)
}

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

}



陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn