Javascript实现滚动图片新闻的实例代码

前端技术 2023/09/07 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(){
    index = index % 4;

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

    index++;
}

function changePic(index){
    for(var i=0; i<4;i++){
        document.getElementById(\"fPic\"+i).style.display = \"none\";
    }
    document.getElementById(\"fPic\"+index).style.display = \"block\";
}

function changeTitl(index){
    for(var i=0; i<4; i++){
        document.getElementById(\"fTitl\"+i).style.display = \"none\";
    }
    document.getElementById(\"fTitl\"+index).style.display = \"block\";
}

function changeNum(index){
    for(var i=0; i<4; i++){
        document.getElementById(\"fNum\"+i).className = \"numOff\";
    }
    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();
}

本文地址：https://www.stayed.cn/item/18474

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案