[jQuery] CSS features

[jQuery] CSS features

<!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.2800.1543" name=GENERATOR></HEAD>
<BODY>
<DIV><SPAN class=288175514-16062006><FONT face=Arial color=#0000ff
size=2>Great!!</FONT></SPAN></DIV>
<DIV><SPAN class=288175514-16062006><FONT face=Arial color=#0000ff
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=288175514-16062006><FONT face=Arial color=#0000ff size=2>Does
the css class have to be Embedded as opposed to External, so that the Class is
created *after* the JQuery .js script library is loaded?</FONT></SPAN></DIV>
<DIV><SPAN class=288175514-16062006><FONT face=Arial color=#0000ff
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=288175514-16062006><FONT face=Arial color=#0000ff size=2>I
normally use external css *only*.</FONT></SPAN></DIV>
<DIV><SPAN class=288175514-16062006><FONT face=Arial color=#0000ff
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=288175514-16062006><FONT face=Arial color=#0000ff
size=2>Amazing reply, just what I hoped for.</FONT></SPAN></DIV>
<DIV><SPAN class=288175514-16062006><FONT face=Arial color=#0000ff
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=288175514-16062006><FONT face=Arial color=#0000ff size=2>BTW I
*am* intranet IE only if that helps.</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>Myles
Angell<BR><B>Sent:</B> Friday, June 16, 2006 10:49 AM<BR><B>To:</B> jQuery
Discussion.<BR><B>Subject:</B> Re: [jQuery] CSS
features<BR><BR></FONT></DIV>With jQuery you could add a css Class:<BR>img {
border: 1px solid #000; }<BR>img.myHover { border: 1px solid #f00;
}<BR><BR>           
$("img").hover(<BR>           
  function() { $(this).addClass("myHover"); }, <BR>   
          function () {
$(this).removeClass("myHover"); }<BR>       
    );<BR><BR>Similar to the suckerfish menus, you have to add
JS code to activate a hover state for the images. Granted, you could get away
without that item if you do a quick check to ensure you're in IE, and then
change your css to: <BR><BR>img { border: 1px solid #000; }<BR>img:hover, img.myHover { border: 1px solid #f00; }<BR><BR>- myles<BR><BR>
<DIV><SPAN class=gmail_quote>On 6/16/06, <B class=gmail_sendername>Dean
Edwards</B> <<A href="mailto:dean@edwards.name"> dean@edwards.name</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">On
16/06/06, Acuff, Daniel (Comm Lines, PAC)<BR><<A
href="mailto:Daniel.Acuff@thehartford.com">
Daniel.Acuff@thehartford.com</A>> wrote:<BR>> I tried today to add a
bordercolor change on an img/icon on hover. Using IE6<BR>> and to my horror found out YOU CAN't.<BR>><BR><BR>You can't because IE6 only supports hover for anchor elements (<A> tags).
<BR><BR>-dean<BR><BR>_______________________________________________<BR>jQuery
mailing list<BR><A
href="mailto:discuss@jquery.com">discuss@jquery.com</A><BR><A
href="http://jquery.com/discuss/">http://jquery.com/discuss/</A>
<BR></BLOCKQUOTE></DIV><BR></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/