$("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 */
div.buttons.hover { .. } /* "Hover" state */
div.buttons.down { .. } /* "Down" state */
Hope this helps!
--John
On 7/24/07, Mitchell Waite <[EMAIL PROTECTED]> wrote:
Can anyone point me in the best direction for setting up a three state
button using images (up, down and hover).
I can imagine a lot of different ways to do it.
Each button should be unique (have its own ID).
