Sorry Karl. I just grabbed the one that came up first in google. :) Yeah, that amazon effect is really useful.
I tried to do that with Intuit, but couldn't figure it out, so I ended up with the slideLinks instead. These did very well in usability studies. Unexpected wow. http://www.commadot.com/jquery/slideMenu.php (click links at top) Pete, even though its not what you asked for, it might be a good choice. Glen On 9/24/07, Karl Swedberg <[EMAIL PROTECTED]> wrote: > > Hey Glen, > > That's actually a pretty old version of the plugin. A new(er) and improved > version can be found here: > > http://plugins.learningjquery.com/cluetip/demo/ > > Pete, > Check out that URL above and click on the Examples link at the top of the > page. Then hover over the link that says "sort of like amazon.com?" under > the "Custom (temporary)" section. Maybe that's something close to what > you're looking for? > > One of these days when I'm not swamped with freelance work, I'd like to > write a stripped-down plugin that just does that amazon.com thing. A bunch > of people have already asked for it. > > Cheers, > > --Karl > > On Sep 24, 2007, at 6:36 PM, Glen Lipka wrote: > > That's a nice effect. I have been trying to do something like that too. > Microsoft does a very similar thing. > Some helpful plugins to check out: > 1. Hoverintent. Slows down the interaction to make sure the user intended > to mouseover.http://cherne.net/brian/resources/jquery.hoverIntent.html > 2. ClueTip. Shows one example of popup hovers like that. > http://examples.learningjquery.com/62/demo/ > > > There may be other plugins that help. I am interested in this if you nail > it. > > Glen > > > On 9/24/07, Pete < [EMAIL PROTECTED]> wrote: > > > > > > Hi all, > > > > I'm trying to construct a "popover" menu that resembles the one on > > Amazon.com (put your mouse over "see all 43 product categories"). I'm > > not too familiar with jQuery/JavaScript, but I thought I would be able > > to do something like this: > > > > $(document).ready(function(){ > > $("#link").mouseover(function(){ > > $("#popup_menu").show(); > > return false; > > }); > > $("#popup_menu").mouseout(function(){ > > $(this).hide(); > > return false; > > }); > > }); > > > > The problem is, as soon as you move your mouse off the link to go into > > the div, it collapses. Could someone please offer some examples/ > > insight? > > > > If you'd like to see the page, here's a link: > > http://www.keuka.edu/pete/jquery_float.html > > > > > > Thanks! > > > > > >
