On Sep 24, 2007, at 8:45 PM, Glen Lipka wrote:
Sorry Karl. I just grabbed the one that came up first in google. :)
Yeah, that amazon effect is really useful.
Hey, not a problem, Glen. :-)
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)
Yeah, I always liked that sliding quick links thing you did for
Intuit. Very slick.
--Karl
_________________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
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!