471,594 Members | 2,644 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,594 software developers and data experts.

Pure CSS Image Rollover Menus?

I am looking into making pure CSS image rollovers.

Do you have any clever (and robust) CSS rollover-tricks?

Or links to such "in the wild"?

I have figured out two methods for this, but have yet to do proper
testing on browser support.

Method I:
On rollover, hide img to reveal background-img.

Method II:
Images in a ul-list, list has a size equal to image size. Overflow
hidden. On rollover, display rollover-img-list-item.

Method II might not work on rollover, but the concept has worked
well with a simple gallery.
Oct 25 '07 #1
2 3312
Casimir wrote:
>
Do you have any clever (and robust) CSS rollover-tricks?
Or links to such "in the wild"?
Not specific to "rollovers", but some interesting and creative uses of
CSS: http://www.cssplay.co.uk/

--
Berg
Oct 25 '07 #2
Bergamot kirjoitti:
Not specific to "rollovers", but some interesting and creative uses of
CSS: http://www.cssplay.co.uk/
How nice of you to spam your (nice) site. Off topic though.

Topic: Pure CSS Image Rollover Menus. Here are some I have after a
couple of hours of rummaging around.

The definitive answer first:

"Roll Over, Rollovers -- CSS Style" by Eric A. Meyer, dated 03/23/2001
http://www.oreillynet.com/pub/a/java...rollovers.html

Good advice:
"Fast Rollovers Without Preload"
http://www.wellstyled.com/css-nopreload-rollovers.html

"CSS Image Rollover Buttons"
http://www.webcredible.co.uk/user-fr...-buttons.shtml

Thanks for the bandwidth
Csmr
Oct 25 '07 #3

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

4 posts views Thread by Kanuf | last post: by
6 posts views Thread by Zach | last post: by
2 posts views Thread by Cynthia | last post: by
8 posts views Thread by Nathan Sokalski | last post: by
1 post views Thread by Andrew Poulos | last post: by
7 posts views Thread by simchajoy2000 | last post: by
reply views Thread by XIAOLAOHU | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.