Comment changer dynamiquement d'images dans les compétences js_javascript

L'exemple de cet article décrit la méthode de changement dynamique d'images en js. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Le fichier index.css est le suivant :

Copier le code Le code est le suivant :

* {
marge : 0px ; remplissage : 0px ;
}

corps {
Largeur : 632px ;
/*couleur de fond : bleu;*/
marge : 0 automatique
}

#imgsCom {
couleur de fond : jaune ;
/*Positionnement relatif, afin d'utiliser le positionnement absolu pour la couche inférieure, utilisez l'origine de ce div comme origine*/
Position : relative ;
}

#ulnav{
Type de style de liste : aucun ;
     
position : absolue ;
/*Utilisez imgsCom comme origine pour positionner de manière absolue le coin inférieur droit*/
en bas : 0px ;
À droite : 0px ;
}
#ulnav li{
Type de style de liste : aucun ;
flotter : gauche ;
couleur de fond : noir ;
couleur : blanc
​ marge droite : 5 px ;     Largeur : 20px ;
Hauteur : 20px ; Hauteur de ligne : 20px ;
Alignement du texte : centre ;
Curseur : pointeur ;
>

index.html est le suivant :

Copier le code Le code est le suivant :

 
 
 
     
     
     
     
≪/tête> 
 
   

 
         
       

 
           
• 1
 
           
• 2
 
           
• 3
 
       

 
   

 
 

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.