[jQuery] Dynamic fly out menus

[jQuery] Dynamic fly out menus

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD>
<BODY>
<DIV><SPAN class=983374018-01082006><FONT face=Arial color=#0000ff size=2>By
using 'bloated' anchor tags you can simulate a div:hover effect. (example: <A
href="http://jojowebdesign.com/">http://jojowebdesign.com/</A> the top
horizontal menu.)</FONT></SPAN></DIV>
<DIV><SPAN class=983374018-01082006><FONT face=Arial color=#0000ff
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=983374018-01082006><FONT face=Arial color=#0000ff size=2>How do
I get jQuery to change a div background color? (I just found you cannot hover a
div)..</FONT></SPAN></DIV>
<DIV><SPAN class=983374018-01082006><FONT face=Arial color=#0000ff
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=983374018-01082006><FONT face=Arial color=#0000ff
size=2>CSS:</FONT></SPAN></DIV>
<DIV><SPAN class=983374018-01082006><FONT face=Arial color=#0000ff
size=2>.menuTopDiv {<BR> background: navy;<BR> color:
#FCF;<BR> text-align: center;<BR> border: 1px solid
#9CF;<BR>}<BR>.menuTopDiv:hover {<BR> background: #9CF;<BR> color:
navy;<BR>}</FONT></SPAN></DIV>
<DIV><SPAN class=983374018-01082006><FONT face=Arial color=#0000ff
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=983374018-01082006><FONT face=Arial color=#0000ff
size=2>Code:</FONT></SPAN></DIV>
<DIV><SPAN class=983374018-01082006><FONT face=Arial color=#0000ff
size=2><div class='divLeft menuTopDiv'><BR><p style='margin-top:
4px;'>HOME<BR></div></FONT></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>Shawn
Tumey<BR><B>Sent:</B> Tuesday, August 01, 2006 1:58 PM<BR><B>To:</B> jQuery
Discussion.<BR><B>Subject:</B> Re: [jQuery] Dynamic fly out
menus<BR><BR></FONT></DIV><BR><BR>
<DIV><SPAN class=gmail_quote>On 8/1/06, <B class=gmail_sendername>Acuff,
Daniel (Comm Lines, PAC)</B> <<A
href="mailto:Daniel.Acuff@thehartford.com">Daniel.Acuff@thehartford.com</A>>
wrote:</SPAN>
<BLOCKQUOTE class=gmail_quote
style="PADDING-LEFT: 1ex; MARGIN: 0pt 0pt 0pt 0.8ex; BORDER-LEFT: rgb(204,204,204) 1px solid">
<DIV>
<DIV>
<P><FONT face=Arial size=2>Hi there.</FONT> </P>
<P><FONT face=Arial size=2>Does anyone have an example of Jquery Dynamic
flyout header menus?</FONT> </P></DIV></DIV><BR></BLOCKQUOTE></DIV><BR>Please
review Jonathan's message below.<BR><BR>
<BLOCKQUOTE class=gmail_quote
style="PADDING-LEFT: 1ex; MARGIN: 0pt 0pt 0pt 0.8ex; BORDER-LEFT: rgb(204,204,204) 1px solid"><SPAN
class=gmail_quote>On 7/19/06, <B class=gmail_sendername>Jonathan Sharp</B>
<<A
href="mailto:jdsharp+jquery@gmail.com">jdsharp+jquery@gmail.com</A>>
wrote:</SPAN>
<DIV>Here's a menu component I wrote a while back: <A
onclick="return top.js.OpenExtLink(window,event,this)"
href="http://jdsharp.us/code/jd_Menu/jd_Menu.html"
target=_blank>http://<SPAN class=st id=st
name="st">jdsharp</SPAN>.us/code/jd_Menu/jd_Menu.html</A> (<A
onclick="return top.js.OpenExtLink(window,event,this)"
href="http://jdsharp.us/code/jd_Menu/" target=_blank>http://<SPAN class=st
id=st name="st"> jdsharp</SPAN>.us/code/jd_Menu/ </A>for source)<BR><BR>It
implements similar functionality using a setTimeout and checking if the mouse has moved back over the menu. You can probably extract what you need
out of there. The code also takes into account IE's SELECT element problem
by rendering IFRAMES behind the menus. <BR><BR>Cheers,<BR></DIV>
<DIV><SPAN class=sg>-js</SPAN></DIV></BLOCKQUOTE><SPAN class=e
id=q_10c89e859a0a722c_2></SPAN><BR clear=all>-- <BR>Shawn
Tumey<BR>Cofounder<BR>MT Web Productions LLC </BLOCKQUOTE><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>
</FONT>
</BODY></HTML>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/