programmieren:menu:bootstrap
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung | ||
| programmieren:menu:bootstrap [22/05/2020 16:24] – conny | programmieren:menu:bootstrap [28/12/2020 10:38] (aktuell) – [Einfaches Tree Menü] conny | ||
|---|---|---|---|
| Zeile 9: | Zeile 9: | ||
| {{programmieren: | {{programmieren: | ||
| - | < | + | < |
| <div> | <div> | ||
| <hr> | <hr> | ||
| Zeile 55: | Zeile 55: | ||
| } | } | ||
| </ | </ | ||
| + | ---- | ||
| + | ==== Einfaches Tree Menü ==== | ||
| + | mit jquery.js | ||
| + | http:// | ||
| + | {{ programmieren: | ||
| + | <code html> | ||
| + | <ul id=" | ||
| + | < | ||
| + | < | ||
| + | <li> | ||
| + | <a href="#"> | ||
| + | <ul class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | </li> | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | <ul class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ul> | ||
| + | </li> | ||
| + | <li class=" | ||
| + | </ul> | ||
| + | </ | ||
| + | |||
| + | <code java> | ||
| + | $(function() { | ||
| + | $('# | ||
| + | e.stopPropagation(); | ||
| + | var $el = $(' | ||
| + | $('# | ||
| + | $el.stop(true, | ||
| + | }); | ||
| + | $('# | ||
| + | e.stopImmediatePropagation(); | ||
| + | }); | ||
| + | }); | ||
| + | </ | ||
| + | |||
| + | <code css> | ||
| + | ul >li { | ||
| + | margin-left: | ||
| + | } | ||
| + | </ | ||
programmieren:menu (408 views) · Zuletzt geändert: 22/05/2020 16:24 von conny