SitePoint Sponsor |
|
User Tag List
Results 1 to 3 of 3
Thread: Vertical Expansion Menu.
-
Jun 25, 2007, 17:25 #1
- Join Date
- May 2003
- Location
- Delhi, India
- Posts
- 19
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Vertical Expansion Menu.
Hi,
I am looking for a script, possibly supported with mootools, but not necessary, which would allow me to create a vertical menu. However, I want it of the type at http://www.aaronbirchphotography.com/ or http://www.apple.com/startpage/ (Latest in iTunes menu).
That is I am looking for something which is vertical and expands on a mouseOver. Any help would be greatly appreciated. I suppose if I can't find it, I'll have to write my own, but it would save me a lot of time if I don't have to.
Thanks for your time.
-
Jun 25, 2007, 17:28 #2
- Join Date
- Sep 2005
- Location
- Tanzania
- Posts
- 4,662
- Mentioned
- 2 Post(s)
- Tagged
- 0 Thread(s)
Apple uses Prototype and Scriptaculous for that sliding menu. Perhaps you could look at the code and adapt it for mootools? Looks pretty simple:
Code:var itunesSlider = null; Event.observe(window, 'load', function() { var container = $('itunesslider'); itunesSlider = new AC.SlidingBureau(container); var drawers = $$("#itunesslider .drawers>li"); for (var i = 0; i < drawers.length; i++) { var handle = drawers[i].getElementsByClassName('drawer-handle')[0]; var content = drawers[i].getElementsByClassName('drawer-content')[0]; var drawer = new AC.SlidingDrawer(content, handle, itunesSlider, { triggerEvent: 'mouseover', triggerDelay: 120}); itunesSlider.addDrawer(drawer); } setTimeout(freeDrawers(container), 1000); });
-
Jun 25, 2007, 17:33 #3
- Join Date
- May 2003
- Location
- Delhi, India
- Posts
- 19
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Hmm, I'll give that a shot! Thanks. I'll come back if I don't do well, but surely, sounds like a good point to start.
Cheers!
Bookmarks