ONJava.com -- The Independent Source for Enterprise Java
oreilly.comSafari Books Online.Conferences.

advertisement

AddThis Social Bookmark Button
Article:
  Roll Over, Rollovers -- CSS Style
Subject:   The easiest method I use
Date:   2008-12-01 00:50:56
From:   Ghostbuster
This is the easiest CSS-rollover method I use, working both on FireFox and Internet Explorer:


<style>
img.nohover {border:0}
img.hover {border:0;display:none}
A:hover img.hover {display:inline}
A:hover img.nohover {display:none}
</style>
<A HREF="#">
<img src="b1.gif" class="nohover">
<img src="b2.gif" class="hover">
</A>


1 to 1 of 1
1 to 1 of 1