{ Link Hovers & Link CSS +

First of all. If you don't know a hover is basically the change of a link or button when you put your mouse over it. I bet many of you have seen the crazy hovers on myspace and etc. Well I had some for you if you want to have one of theme ofr your hover background. To get the image save the image (right click/save img as) and hten you can upload it (with imageshack.us or photobucket.com). Enjoy!

{ Some Popular Hover Codes +

Hover with Text of different color

Link no underline, then with a hover with a bottom border
Borders Types: solid, double, inset, outset, ridge, groove, dotted, and dashed

Hover w/ border all around
Borders Types: solid, double, inset, outset, ridge, groove, dotted, and dashed

Hover w/ Color background

Hover w/ Color background & Border
Borders Types: solid, double, inset, outset, ridge, groove, dotted, and dashed

Hover w/ Image background

Blured Hover

Black & white (make everything graystyled) Hover

Inverted Hover

X-Ray Hover

See through imag which is not see through on hover

Hover w/ change of cursor
Cursor types: crosshair default hand move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help

Sound On hover

Rainbow Hover

<script>var rate = 100; // Increase amount(The degree of the transmutation)
var obj; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) {
Browser = true;} else {Browser = false;}if (Browser) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;}function doRainbow(){
if (Browser && act != 1) {act = 1;obj = event.srcElement;clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);}}function stopRainbow(){
if (Browser && act != 0) {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;}}function doRainbowAnchor(){
if (Browser && act != 1) {
obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;}
if (obj.tagName == 'A' && obj.href != '') {
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);}}}
//document.write.blogring
function stopRainbowAnchor(){
if (Browser && act != 0) {
if (obj.tagName == 'A') {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;}}}function ChangeColor(){obj.style.color = makeColor();}function makeColor(){
// HSVtoRGB
if (elmS == 0) {elmR = elmV; elmG = elmV; elmB = elmV;}
else {t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {elmR = t1; elmB = t2; elmG = t2 + t3;}
else if (elmH < 120) {elmG = t1; elmB = t2; elmR = t1 - t3;}
else if (elmH < 180) {elmG = t1; elmR = t2; elmB = t2 + t3;}
else if (elmH < 240) {elmB = t1; elmR = t2; elmG = t1 - t3;}
else if (elmH < 300) {elmB = t1; elmG = t2; elmR = t2 + t3;}
else if (elmH < 360) {elmR = t1; elmG = t2; elmB = t1 - t3;}
else {elmR = 0; elmG = 0; elmB = 0;}}
//document.write.blogring
elmR = Math.floor(elmR);
elmG = Math.floor(elmG);
elmB = Math.floor(elmB);
clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return clrRGB;}</script>

The following I know don't work in Firefox

Fade to a different color (hover) type 1

<style>a:link{color:THE COLOR CODE FOR WHAT THE LINK LOOKS LIKE BEFORE THE HOVER;}</style>
<script>
</script>

Fade to a different color (hover) type 1