CSS Java Free OnMouseOver

Thanks to some help from a friend Basik its complete!

Simple and NO JAVA!


Now I know it's not perfect but if you can't use java its better then nothing! Anyways you might be able to improve on it.





CSS


Code:

.MouseOvr {
width:75px;
height:32px;
background: url("");
display:block;
}
.MouseOvr :link,
.MouseOvr :visited {
width:75px;
height:32px;
background: url("");
display:block;
}
.MouseOvr a:hover {
width:75px;
height:32px;
background: url("http://www.google.ca/intl/en_ca/images/logo.gif");
display:block;
}

.MouseOvr a:hover span {
visibility: hidden;
}

HTML: Add this anywhere in your page you want the link.


Code:

< h1 class="MouseOvr">
< a href="http://google.ca">
Link
< /a>
< /h1>

(Remove spaces from tags.)
Enjoy!