Ideen zur Implementierung des automatischen Rotationseffekts von JS-Bildern mit Screenshots_Javascript-Kenntnissen

Ich bin heute nicht in der Stimmung, der Maifeiertag steht vor der Tür, also möchte ich unbedingt spielen. Okay, es wird schon spät, also werfen wir ohne weiteres einen Blick auf den mit JavaScript implementierten automatischen Bildrotationseffekt. Schauen Sie sich zuerst das Bild an

Das Folgende ist der spezifische Code, der relativ einfach ist .

Code kopieren Der Code lautet wie folgt:

> jpg','images/2.jpg','images/3.jpg','images/4.gif','images/5.jpg']; obk;
function lunhuan(){

if(i>4){//Wenn die Zahl größer als 4 ist, beginnen Sie bei 0
i= 0; ob=document.getElementById("image1");
ob.src=arr[i];
//Alle div-0 bis div-4, die Hintergrundfarbe ist ausgegraut
for(var j =0;j<=4;j ){
document.getElementById("div-" j).style.backgroundColor='#ccc';
document.getElementById("div -" j).style. color='black';
obk=document.getElementById("div-" i);
obk .style.color='white ';
i ;
}
>

0" style="top:215px;right:128px;">1

2< /div>

3

"top:215px;right:38px;">4

🎜>

Lassen Sie uns kurz über den Prozess sprechen:

1. Definieren Sie zuerst den äußersten DIV

2. Definieren Sie dann den nächsten Bild-DIV

3. Das kleine Quadrat DIV

in der unteren rechten Ecke des Bildes verwendet eine Timer-Funktion, um das Bild zu drehen und das kleine Quadrat auch zu entsprechenden Änderungen zu bringen.

Okay, schlaf.