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:

Verwandte Etiketten：

javascript

Quelle：php.cn

Vorheriger Artikel：Problem mit der jquery-Attributmethode zum Abrufen des geprüften Attributs von input_jquery Nächster Artikel：js ändert dynamisch den gesamten Seitenstil, um einen Skin-Änderungseffekt zu erzielen_javascript-Fähigkeiten

Erklärung dieser Website

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

Neueste Artikel des Autors

• Erschließen Sie die Welt von C: Ihre ersten Schritte in der Systemprogrammierung
  2024-10-09 22:27:01
• Vom Anfänger zum Baumeister: Die Kunst der PHP-Programmierung beherrschen
  2024-10-09 20:15:31
• Beherrschen Sie die Grundlagen: C-Programmierung für absolute Anfänger
  2024-10-09 16:42:41
• PHP-Formulare: Behandeln Sie Benutzereingaben wie ein Profi
  2024-10-09 16:12:01
• C: Die Sprache, die das moderne Computing entwickelt hat (und Sie können sie lernen!)
  2024-10-09 13:33:51
• PHP für absolute Anfänger: Keine Programmiererfahrung erforderlich
  2024-10-09 12:27:11
• Ihre C-Programmier-Cheerleader: Unterstützung und Ressourcen für Anfänger
  2024-10-09 12:00:03
• Zähme das Codemonster: Eine unterhaltsame und freundliche Herangehensweise an PHP
  2024-10-09 11:03:31
• BlackRock Labels BTC a Unique Diversifier
  2024-09-20 15:51:33
• Preisprognose für Internetcomputer (ICP): Wird der ICP-Preis 24 US-Dollar erreichen?
  2024-09-20 15:47:32

Aktuelle Ausgaben

Reine CSS-Methode zum dynamischen Ändern der Bildquelle beim Klicken ohne Verwendung von JavaScript Ich muss den Quellcode eines Bildes per Mausklick ändern, indem ich nur CSS wie img:active...

Aus 2024-04-06 19:25:49

0

1

505

Streudiagrammpunkte behalten beim Zoomen in d3.js keine Werte bei Dies ist das erste Mal, dass ich d3.js verwende. Bitte haben Sie Geduld. Ich habe es als r...

Aus 2024-04-06 18:16:26

0

1

403

JavaScript-Hover-Ereignisse für herstellerspezifische Pseudoelemente 我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',functi...

Aus 2024-04-06 15:35:24

0

1

274

Formular ohne Schaltfläche mit Javascript/Jquery senden Ich versuche, ein Formular ohne Schaltfläche zu senden, indem ich eine JavaScript-Funktion...

Aus 2024-04-06 14:54:03

0

2

421

Passen Sie das Erscheinungsbild von Bootstrap-Akkordeon-Headern mithilfe der CollapseDisplay-Klasse an Ich möchte den Kartentitel eines Panels mit der Klasse Collapseshow formatieren. In diesem...

Aus 2024-04-06 12:53:11

0

1

376

verwandte Themen

Mehr>

• So erhalten Sie die Länge eines Arrays in js
• js aktuelle Seite aktualisieren
• js Rundung
• js-Methode zum Löschen des Knotens
• JavaScript-Escape-Zeichen
• So generieren Sie Zufallszahlen in js
• So aktivieren Sie JavaScript
• Detaillierte Erläuterung der Symbolklasse in JS