In diesem Artikel wird die Methode von JS+CSS beschrieben, um den Effekt der LI -Liste miteinander in den Farbveränderungen zu implementieren. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Kopieren Sie den Code wie folgt: <! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<titels> css+js realisiert den Interlaced -Farbänderungseffekt der Li -Liste </title>
</head> <body>
<Styles>
.Mytable {Border-Collapse: Kollaps; Grenze: Feststoff #6aa70b; Grenzbreite: 0px 0 0 0px; Breite: 50%;}
.mytable ul li {padding-top: 5px; textindent: 2em; list-style: keine; Hintergrund: URL (/images/20110704/new_dot.gif) 3px 50% No-Repeat; Border-Bottom:#6AA70B 1PX Dotted; 12px; Farbe:#008000; text-align: links; Höhe: 25px;}
.Mytable ul li.t1 {Hintergrundfarbe: #effedd;}
.Mytable ul li.t2 {Hintergrundfarbe: #ffffff;}
.Mytable ul li.t3 {Hintergrundfarbe:#D2FCA0;}
</style>
<body style = margin: 0;> <br> <br> <br>
<Div Align = "Center">
<div class = mytable id = tab>
<ul>
<li>
<a target = "_ leer" href = "// www.vevb.com/article/61182.htm">
Methoden zur Implementierung von Text- und Bildwiderstandseffekten in JavaScript </a> </li>
<li>
<a target = "_ leer" href = "// www.vevb.com/article/61181.htm">
JQuery -Methode, um den Display -Effekt des Klickens auf Bilder und das Drehen von Seiten zu erkennen </a> </li>>
<li>
<a target = "_ leer" href = "// www.vevb.com/article/61180.htm">
PHP -Methode zur Implementierung von Rekursion und unendlicher Klassifizierung </a> </li>
<li>
<a target = "_ leer" href = "// www.vevb.com/article/61179.htm">
PHP-Methode, um den Wert (Zahl) jeder Einheit in einem mehrdimensionalen Array zu verdoppeln. </a> </li>
<li>
<a target = "_ leer" href = "// www.vevb.com/article/61178.htm">
Analyse gemeinsamer Funktionen Beispiele für das Hinzufügen und Löschen von Einheiten in PHP -Arrays </a> </li>
<li>
<a target = "_ leer" href = "// www.vevb.com/article/61177.htm">
JS+CSS implementiert eine draggierbare Popup-Eingabeaufforderung </a> </li>
<li>
<a target = "_ leer" href = "// www.vevb.com/article/61176.htm">
JS implementiert die Methode zur Auswahl des Bildes, das im Dropdown-Feld angezeigt werden soll </a> </li>
<li>
<a target = "_ leer" href = "// www.vevb.com/article/61175.htm">
JS, um zu erkennen, wie Sie auf das Bild klicken, um die Bildadresse an die Einfüge zu kopieren </a> </li>
</ul> </div> <script type = "text/javaScript">
<!-
var ptr = document.getElementById ("tab"). getElementsByTagName ("li");
Funktion $ () {
für (i = 1; i <ptr.length+1; i ++) {
PTR [I-1] .ClassName = (i%2> 0)? "T1": "T2";
}
}
window.onload = $;
für (var i = 0; i <ptr.length; i ++) {
Ptr [i] .onmouseover = function () {
this.tmpclass = this.className;
this.className = "t3";
};
Ptr [i] .onmouseout = function () {
this.className = this.tmpClass;
};
}
//->
</script>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.