JavaScript Drop Down Menu für das Framework Prototype

Einfaches Drop Down Menü für Prototype

Das Menü ist sehr einfach einzubinden und über CSS im Style zu verändern. Das JavaScript benutzt dabei die normale <li> <ul> Liste von HTML. Dadurch ist es sehr einfach zu erweitern oder zu verkleinern.

 

 

 

JavaScript - Drop Down Menu für das Framework Prototype

Die Einbindung erfolgt über li und ul. In unserem Beispiel wäre das

<ul id="navigation">
<li><a href="#">Prototype Menu #1</a>
<ul>
<li><a href="#">Menu 1 Item #1</a></li>
<li><a href="#">Menu 1 Item #2</a></li>

<li><a href="#">Menu 1 Item #3</a></li>
<li><a href="#">Menu 1 Item #4</a></li>
</ul>
</li>
<li><a href="#">Menu #2</a>
<ul> .....

und so weiter.

 

Lizenz: open Source

Projektseite

CSS File

dropdown_menu.js

Prototype Download

 

JavaScript Archiv Bookmark