database_homework/static/js/index.js

function Gid(id){
    return document.getElementById(id);
}
let lock = false;

// 轮播图
let lis = document.getElementsByClassName("mainpage_imgs")
lis[0].style.zIndex = '10';
lis[0].style.opacity = '1';
let points=document.getElementsByClassName("points");
let timer=null;//计时器


let index=0;
let len = lis.length
let preIndex = 0
function goNext(){
    mainpageImgs_descChange(index);
    lis[preIndex].style.zIndex = '0';
    lis[preIndex].style.opacity = '0';

    lis[index].style.zIndex = '10';
    lis[index].style.opacity = '1';
    lis[index].style.transition ='opacity .5s';


   for(let Choose = 0;Choose <=6 ; Choose++){
        if (Choose !==index){
            points[Choose].className = "points" ;
        }
        else
            points[Choose].className = "points active" ;
        }
         
 
}//对目标元素显示


//按钮切换 
Gid("change-right").addEventListener("click",function(){
    preIndex = index;
    index=(index+1)%7;
    goNext();
})
Gid("change-left").addEventListener("click",function(){
    preIndex = index;
    if(index==0) index=6;
    else index--;
    goNext();
})
//辅助切换
function points_change(thePrt){
    preIndex = index;
    index=thePrt;
    goNext();
}
for(let i=0;i<points.length;i++){
    points[i].addEventListener("mouseover",function(){
        clearTimeout(timer);
        timer = null;
    })
    points[i].addEventListener("mouseout",function(){
        timer=setInterval('timerGoNext()',2500);
    })
}

//计时切换
function timerGoNext(){
    preIndex =index;
    index=(index+1)%7;
    goNext();
}
//初始化
function init(){
timer=setInterval('timerGoNext()',5000);
points[0].className = "points active"
}

$(document).ready(function(){
    init()
 });

function mainpageImgs_descChange(num2){
    switch(num2){
        case 0:Gid("mainPageImgsDescription").innerText = "^AI,gYY与地外文明，共同奏响驶向群星的交响^";break;
        case 1:Gid("mainPageImgsDescription").innerText = "^欢迎加入湘潭大学网络技术部！^";break;
        case 2:Gid("mainPageImgsDescription").innerText = "^湘潭大学：军魂^";break;
        case 3:Gid("mainPageImgsDescription").innerText = "^湘潭大学：一角^";break;
        case 4:Gid("mainPageImgsDescription").innerText = "^前进：中国空间站^";break;
        case 5:Gid("mainPageImgsDescription").innerText = "^旅程：南昌^";break;
        case 6:Gid("mainPageImgsDescription").innerText = "^旧乡：晴空^";break;
    }
 }