SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Hybrid View

  1. #1
    SitePoint Member da_amazerxl's Avatar
    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.

  2. #2
    I meant that to happen silver trophybronze trophy Raffles's Avatar
    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);
    });

  3. #3
    SitePoint Member da_amazerxl's Avatar
    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

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •