js, um einen Ein- und Ausblendeffekt des Bildes zu erzielen

Setz_index:function(){
        für(var i=0;i<this.Photo.length;i++){
            Index=i;
            dieses.Foto[i].style.zIndex =dieses.Foto.length-i-1;
        }
    },

Animatezindex:Funktion(Mathematik,Anzahl){
       für(var i=0;i<Anzahl;i++){
         für(var k=0;k<dieses.Foto.Länge;k++) {
            //console.log(1);
           var index = parseInt (this.Foto[k].style.zIndex ); //43210 04321 10432
           wenn(math=="n"){
             index++; //Die Punkte ändern ihre Farbe von links nach rechts if(index ==this.Photo.length){
                 Index = 0;
                 dieses.Foto[k].style.opacity =0;
                 diese.Crclelist[k].style.background="#fff";
             }
             wenn(index==dieses.Foto.Länge-1){
                 dieses.Foto[k].style.opacity= 1;
                 diese.Crclelist[k].style.background="pink";
                 dies.Savecolor= dies.Crclelist[k];

             }
           }
             anders{
               index--; //Der Punkt ändert seine Farbe von rechts nach links if(index==-1){
                   index=dieses.Foto.Länge-1;
               }
               wenn(index==dieses.Foto.Länge-1){
                   dieses.Foto[k].style.opacity= 1;
                   diese.Crclelist[k].style.background="pink";
                   dies.Savecolor= dies.Crclelist[k];
               }
               wenn(index==dieses.Foto.Länge-2){
                   dieses.Foto[k].style.opacity =0;
                   diese.Crclelist[k].style.background="#fff";
               }
           }
             dieses.Foto[k].style.zIndex =index;
         }
       }
    },

Moren_set:Funktion(){
        var das=dies;
        dass.Crclelist[0].style.background="pink";
        das.Savecolor = das.Crclelist[0];
        dass.Bigblock.onmouseenter=function(){
            // konsole.log(1);
            Fenster.Animationsrahmen abbrechen(Gleiter.Zeitset);
        };
        das.Bigblock.onmouseleave=function(){
            glider.Zeitlinien();
        }
        //Punktereignisse, folge den Bildänderungen for(var i=0;i<that.Crclelist.length;i++){
            dass.Crclelist[i].index=i;
            das.Crclelist[i].onmouseenter =function(){
              var oldindex=that.Savecolor.index;
              var newindex=this.index; //Der Index des Punkts, in den die Maus gleitet. Dies bezieht sich auf das Gleitereignis des aktuellen Punkts// console.log(newindex);
                if(newindex -oldindex >0) { //Eingabe von rechts vom aktuellen Punkt var ri=newindex -oldindex;
                  // konsole.log(ri);
                    var le = das.Crclelist.length-ri;
                   // konsole.log(le);
                    wenn(ri<=le){
                        console.log("nach rechts",ri);
                        das.Animatezindex("n",ri);
                    }
                    wenn(ri>le){
                        console.log("nach links",le);
                        das.Animatezindex("s",le);
                    }
                }
                sonst wenn (neuerIndex - alterIndex < 0) {
                    var ri1=Math.abs(neuerIndex-alterIndex); //den absoluten Wert abrufen var le1=that.Crclelist.length-ri1;
                    wenn(ri1<=le1){
                        console.log("links", ri1);
                        das.Animatezindex("s",ri1);
                    }
                    wenn(ri1>le1){
                        console.log("rechts", le1);
                        das.Animatezindex("n",le1);
                    }

                }
            }
        }
    }

Zeitleisten:Funktion(){
        var jetztzeit = neues Date().getTime();
        if((jetzte Zeit - Segelflugzeug.Alte Zeit) >= Segelflugzeug.Zeitverzögerung ){
            Segelflugzeug.Alte Zeit =neue Zeit;
            glider.Animatezindex ("n",1); //Nach rechts ändern}
        //Sie können die Methoden setTimeout und setInterval verwenden, um eine Animation im Skript zu implementieren.
        // Dies läuft jedoch möglicherweise nicht reibungslos genug ab und verbraucht zusätzliche Ressourcen.
        //Die Methode requestAnimationFrame wird verwendet, um den Browser zu benachrichtigen, dass die Animation neu abgetastet und in einer Schleife wiedergegeben werden soll.
        /*AnimationsFrame abbrechen
        Die Methode „cancelAnimationFrame“ wird verwendet, um eine zuvor geplante Aktualisierungsanforderung für Animationsbilder abzubrechen. */
       glider.Timeset = Fenster.requestAnimationFrame(glider.Timelines);
 }