Dropdownmenu made with scriptaculous/prototype v0.5

This script is based on: http://www.knallgrau.at/code/unordered-list-as-dropdown-menu

Compatibility

Firefox 2 (linux + win): ok
Opera 9.20 (linux): ok
Internet Explorer 7: ok
Other browsers may function

Installation

You need these files:
menu.js
menu.css
menu.htm
and the scriptaculous files.

Demo

17 Kommentare zu “Dropdownmenu made with scriptaculous/prototype v0.5”


  1. 1 MFD

    Nice script, but small question
    “How connect effects for this script?”
    p.s.
    sorry for my English

  2. 2 spyros

    nice. yet I dont see where scriptaculous comes in. Also I ported the css file to SASS (http://snippets.dzone.com/posts/show/6018)

  3. 3 Geni

    Very useful, thank you!

  4. 4 marius

    i like scriptaculous and prototype, but this can be done with css, and css only.

  5. 5 wappler

    css only menus are not compatible to older browsers like IE 6

  6. 6 Sudeep Tamrakar

    Thanks for the useful menu sample.

  7. 7 D AB

    Greate scripts, thank you. My only question is that in IE6 the menu comes up *behind* any combos box fields. Any ideas how to change Z order or hide the offending combo boxes, so the menu is always on top?

    Thanks again

  8. 8 Jie Dai

    It works in IE 6. Thanks!

  9. 9 Ray

    CSS only is nice, but notice the delay on mouse out, you cannot do this with css alone. It seems minor, but it is a major improvement to usability.

  10. 10 Rob

    Ray, if you dig through the code you can see the mouseout timer. It’s on line 221 of menu.js. Change the 300 (ms) to 0 and you’re all set.

  1. 1 Multilevel Drop Down Navigation Menus: Examples and Tutorials
    Pingback am 17. Apr 2008 um 18:27
  2. 2 30多个CSS和JS下拉菜单资源 | 帕兰映像
    Pingback am 20. Apr 2008 um 09:26
  3. 3 Esempi di menu multilivello in CSS e Javascript / Melodycode.com - Life is a flash
    Pingback am 21. Apr 2008 um 15:55
  4. 4 links for 2008-04-23 | xanders blog
    Pingback am 23. Apr 2008 um 07:33
  5. 5 Multilevel Drop Down Navigation Menus: Examples and Tutorials | SEO & Web Design
    Pingback am 6. Mai 2008 um 10:06
  6. 6 Multilevel Drop Down Navigation Menus: Examples and Tutorials - my post it
    Pingback am 1. Jul 2008 um 15:39
  7. 7 Guru 2.0 » 10 DropDown-Menüs mit JavaScript
    Pingback am 15. Jan 2009 um 12:30

Kommentar schreiben