So erzielen Sie mit js css_javascript-Kenntnissen einen Tab-Menü-Wechseleffekt

Das Beispiel in diesem Artikel beschreibt, wie Sie mit js css den Tab-Menü-Umschalteffekt erzielen. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:

index.css lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

* {
Rand: 0px;
Polsterung: 0px;
}
Körper {
Breite: 600px;
Rand: 0 automatisch;
Hintergrundfarbe: Silber;
}

#contanier {
Hintergrundfarbe: gelb;
Breite: 600px; Höhe: 400px; }

#tabNavi {
Breite: 600px; Höhe: 30px; Hintergrundfarbe: #00bfff; Textdekoration: keine
Listenstiltyp: keiner; }

#tabNavi li {
float: links;
​ Rand rechts: 7px;  
Hintergrundfarbe: #008b8b; Farbe: weiß;
Cursor: Zeiger;
Breite: 60px;
Höhe: 28px;
Zeilenhöhe: 30px; Textausrichtung: zentriert;
}
#content {
Breite: 600px; Höhe: 370px; Hintergrundfarbe: weiß;
}


index.html lautet wie folgt:

Code kopieren

Der Code lautet wie folgt:

                                                                                                                                                                                                                                                                                                                                 

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