Verwenden Sie JavaScript, um einen mehrstufigen Baum mit prägnantem Code und unkomplizierten logischen Javascript-Kenntnissen zu implementieren

Ich habe im Internet nach vielen Baumimplementierungen gesucht, aber ich fühle mich immer unbefriedigend. Entweder muss ich auf externe JS-Dateien verweisen und Plug-Ins verwenden, oder es gibt zu viele Codes, die tatsächlich umwerfend sind Ein Baum mit prägnantem Code und unkomplizierter Logik. Gehen wir direkt zum Code:


1. Zuerst wird der erforderliche Header gerendert

Code kopieren Der Code lautet wie folgt:

2 Der Hauptteil der Seite kann auch dynamisch angezeigt werden (die dynamische Anzeige muss nur erfolgen). Die Regeln sind einfach umzusetzen, das muss man nicht sagen (lacht)

Kopieren Sie den Code

Der Code lautet wie folgt:

Passwortänderung

🎜>

Produktauswahl

Must See

< div class="ps" id="fgc91">

;/div>

div class="ps" id="fgc93">

Spotlight-Produkte festlegen

sfgc94" class="f" onclick="k('fgc94')"> Tagesangebote

DailySpecials-Produkte festlegen

;/div>

HotCategory-Kategorie festlegen

"f">Set HotCategory-Produkt

< ;/div>

Hot & Coole Picks

FeaturedCategorie

="fgc97">

FeaturedCategorie-Kategorie festlegen

;/div>

Das könnte Ihnen auch gefallen...

"ps" id="fgc98">

Einstellung, die Ihnen auch gefallen könnte... Kategorie

Einstellung, die Ihnen gefallen könnte Auch „Gefällt mir“: Produkt

>Systemeinstellungen

Benutzerverwaltung
Code kopieren


Der Code lautet wie folgt:


function w(vd) {
var ob = document.getElementById(vd); if (ob.style.display == "block " || ob.style.display == "") {
ob.style.display = "none"
var ob2 = document.getElementById('s ' vd);
ob2.style.background = "url(add.gif) -4px -21px no-repeat"; ;
var ob2 = document.getElementById( 's' vd);
ob2.style.background = "url(add.gif) -4px 4px no-repeat;";
function k(vd) {
var ob = document.getElementById(vd);
if (ob.style.display == "block") {
ob.style.display = "none ";
var ob2 = document.getElementById ('s' vd);
ob2.style.background = "url(add.gif) -4px -21px no-repeat";
}
else {
ob.style.display = "block";
var ob2 = document.getElementById('s' vd);
ob2.style.background = "url(add.gif) -4px 4px no-repeat;";
}
}

4, das laufende Beispieldiagramm lautet wie folgt:

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn