[jQuery] Horiz. Menu
[jQuery] Horiz. Menu
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<TITLE>Horiz. Menu</TITLE>
<META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD>
<BODY>
<DIV><SPAN class=922135816-08082006><FONT face=Arial color=#0000ff size=2>Would
I use an onmouseover on the each menu div? After the onmouseover unhides a
section of menu how do you keep it showing?</FONT></SPAN></DIV>
<DIV><SPAN class=922135816-08082006><FONT face=Arial color=#0000ff
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=922135816-08082006><FONT face=Arial color=#0000ff size=2>By
waiting for an onmouseout on whatever menu I pop?</FONT></SPAN></DIV>
<DIV><SPAN class=922135816-08082006></SPAN> </DIV>
<BLOCKQUOTE>
<DIV class=OutlookMessageHeader dir=ltr align=left><FONT face=Tahoma
size=2>-----Original Message-----<BR><B>From:</B> discuss-bounces@jquery.com
[mailto:discuss-bounces@jquery.com]<B>On Behalf Of </B>Acuff, Daniel (Comm
Lines, PAC)<BR><B>Sent:</B> Tuesday, August 08, 2006 12:33 PM<BR><B>To:</B>
discuss@jquery.com<BR><B>Subject:</B> [jQuery] Horiz.
Menu<BR><BR></FONT></DIV><!-- Converted from text/rtf format -->
<P><FONT face=Arial size=2>I have a horizontal row of divs. So far.. the divs
change color onmouseover.</FONT> </P>
<P><FONT face=Arial size=2>How would I get a layer to show up when I rollover
say id='home' ??</FONT> </P>
<P><FONT face=Arial size=2>Sample JQuery:</FONT> <BR><FONT face=Arial
size=2><script type="text/javascript"></FONT> <BR><FONT face=Arial
size=2> $(document).ready(function(){</FONT>
<BR> <FONT face=Arial
size=2>$('.divLeft').hover(function(){</FONT>
<BR>
<FONT face=Arial
size=2>$(this).addClass('highlighted');},function(){</FONT>
<BR>
<FONT face=Arial
size=2>$(this).removeClass('highlighted');</FONT>
<BR> <FONT face=Arial
size=2>});</FONT> <BR><FONT face=Arial size=2>});</FONT> <BR><FONT face=Arial
size=2></script></FONT> </P><BR>
<P><FONT face=Arial size=2>Sample Code:</FONT> <BR><FONT face=Arial
size=2><div id='home' class='divLeft menuTopDiv'></FONT> <BR><FONT
face=Arial size=2><a href="#" style='display:
block;'>HOME</a></FONT> <BR><FONT face=Arial
size=2></div></FONT> </P><FONT
size=3><BR><BR>*************************************************************************<BR>This
communication, including attachments, is<BR>for the exclusive use of addressee
and may contain proprietary,<BR>confidential and/or privileged information. If
you are not the intended<BR>recipient, any use, copying, disclosure,
dissemination or distribution is<BR>strictly prohibited. If you are not the
intended recipient, please notify<BR>the sender immediately by return e-mail,
delete this communication and<BR>destroy all
copies.<BR>*************************************************************************<BR></BLOCKQUOTE></FONT></BODY></HTML>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/