So wechseln Sie Bilder dynamisch in js_javascript-Kenntnissen

Das Beispiel in diesem Artikel beschreibt die Methode zum dynamischen Wechseln von Bildern in js. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:

Die index.css-Datei lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

* {
Rand: 0px;Auffüllung: 0px; }

Körper {
Breite: 632px;
/*Hintergrundfarbe: blau;*/
Rand: 0 automatisch;
}

#imgsCom {
Hintergrundfarbe: gelb;
/*Relative Positionierung, um die absolute Positionierung für die untere Ebene zu verwenden, verwenden Sie den Ursprung dieses Div als Ursprung*/
Position: relativ;
}

#ulnav{
Listenstiltyp: keiner; ​  
Position: absolut;
/*ImgsCom als Ursprung verwenden, um die untere rechte Ecke absolut zu positionieren*/
unten: 0px;
Rechts: 0px;
}
#ulnav li{
Listenstiltyp: keiner; float: links;
Hintergrundfarbe: schwarz;
Farbe: weiß;
​ Rand rechts: 5px;  
Breite: 20px;
Höhe: 20px;
Zeilenhöhe: 20px; Textausrichtung: zentriert;
Cursor: Zeiger;
}


index.html lautet wie folgt:

Code kopieren

Der Code lautet wie folgt:

 
 
 
     
     
     
     
 
 
   

 
         
       

 
           
• 1
 
           
• 2
 
           
• 3
 
       

 
   

 
 

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.