PM
To: jQuery (English)
Subject: [jQuery] Re: 3 state buttons - is there a best way
http://gilles.jquery.com/cssHover/
something like this?
To: jQuery (English)
Subject: [jQuery] Re: 3 state buttons - is there a best way
http://gilles.jquery.com/cssHover/
something like this?
Mitchell Waite wrote:
“Limits the artwork” in the sense the middle portion of all you images
must be a stretched background slice, so you can’t reproduce all the
subtle affects of switching images. You have to produce the end caps
from a sliced piece of artwork so this sort of tosses out a
@googlegroups.com
Subject: [jQuery] Re: 3 state buttons - is there a best way
Mitchell Waite wrote:
Limits the artwork in the sense the middle portion of all you images
must be a stretched background slice, so you can't reproduce all the
subtle affects of switching images. You have to produce
$(div.buttons).mousedown(function(){
$(this).addClass(down);
}).mouseup(function(){
$(this).removeClass(down);
}).hover(function(){
$(this).addClass(hover);
},function(){
$(this).removeClass(hover);
});
Then in your CSS you would have this:
div.buttons { .. } /* Up state */
Is there a reason why not to use pure CSS for this?
http://www.commadot.com/jquery/buttons/
I use this method for buttons alot. No flicker. Tested in IE6/7, FF,
Safari.
John, in your example you can't have div.buttons.hover. That doesn't work
in IE6 unfortunately.
I WISH it did.
The best CSS technique i have found so far for these kinda buttons is
http://members.chello.nl/o.karadeniz/sndbx/even_more_sexy_button/index.html
Enjoy...
-GTG
On 7/24/07, Glen Lipka [EMAIL PROTECTED] wrote:
Is there a reason why not to use pure CSS for this?
John, in your example you can't have div.buttons.hover. That doesn't work
in IE6 unfortunately.
I WISH it did. (http://commadot.com/?p=528)
I'm not sure how you're testing this, but it worked wonderfully for me
(You even made me load up Parallels :-P). You need to be careful to
make the
Demo:
http://commadot.com/jquery/buttons/cssAND.htm
In IE7 and FF, the last one is green.
In IE6, the 2nd and 3rd are green.
Its a false positive.
Ill elaborate the example with other IE6 weirdness.
Ganeshji, The technique there is similar to what I am doing, but I am
combining the right cap
Cool... Let us know... We are always looking for simple elegant solutions.
arent we?
-GTG
On 7/24/07, Glen Lipka [EMAIL PROTECTED] wrote:
Demo:
http://commadot.com/jquery/buttons/cssAND.htm
In IE7 and FF, the last one is green.
In IE6, the 2nd and 3rd are green.
Its a false positive.
Ill
//div
div id=downimg src=images/b_down.gif width=93 height=29
//div/td
/tr
/table
/body
/html
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Glen Lipka
Sent: Tuesday, July 24, 2007 4:13 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: 3 state
width=93 height=29
//div/td
/tr
/table
/body
/html
*From:* jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] *On
Behalf Of *Glen Lipka
*Sent:* Tuesday, July 24, 2007 4:13 PM
*To:* jquery-en@googlegroups.com
*Subject:* [jQuery] Re: 3 state buttons - is there a best way
I could just write this myself.
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Glen Lipka
Sent: Tuesday, July 24, 2007 6:56 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: 3 state buttons - is there a best way
What is nasty?
The sprite technique is pretty
This almost works
http://www.whatbird.com/wwwroot/3Statebutton_2.html
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html;
14 matches
Mail list logo
