CSS Java Free OnMouseOver

[Archive from my old blog]
Tuesday, December 16, 2008

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”&gt;
Link
< /a>
< /h1>

Advertisements

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s