Переливающаяся ссылка

<script language="Javascript"> var rate = 20; var obj; var act = 0; var elmH = 0; var elmS = 128; var elmV = 255; var clrOrg; var TimerID; 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;//osw clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100);}}} 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(){ 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;}} elmR = Math.floor(elmR);//fantasyflash.ru 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>

(Вставляем в 'body' или 'head' для всей страницы)

Ссылка меняет цвет при наведении курсора

<style type="text/css"> a{COLOR: #990000;} a:hover{color: #000000;}</style>

(Вставляем в 'body' или 'head' для всей страницы)

пример
_______________________________________________________

Увеличение ссылки
При наведении курсора

<style type="text/css"> A{font-size: 16px; HEIGHT: 4px; TEXT-DECORATION: none; } A:hover {font-size: 18px; HEIGHT: 5px; TEXT-DECORATION: none} </style>

(Вставляем в 'body' или 'head' для всей страницы)

пример
_______________________________________________________

Зачёркивание ссылки
При наведении курсора

<style type="text/css"> a:hover{color:red; text-decoration: line-through; } a{color:#990000; text-decoration:none; } </style>

(Вставляем в 'body' или 'head' для всей страницы)

пример
_______________________________________________________

Подчёркивание ссылки
При наведении курсора

<style type="text/css"> a:hover{color:red; text-decoration: underline; } a{color:#990000; text-decoration:none; } </style>

(Вставляем в 'body' или 'head' для всей страницы)

пример
_______________________________________________________

Выделение
Сверху и снизу

<style type="text/css"> a:hover{color:red; text-decoration: underline overline; } a{color:#990000; text-decoration:none; } </style>

(Вставляем в 'body' или 'head' для всей страницы)

пример
_______________________________________________________

Пунктир
Вокруг ссылки

<style type="text/css"> a:hover{BORDER-RIGHT: red 1px dashed; BORDER-TOP: red 1px dashed; RIGHT: 0px; BORDER-LEFT: red 1px dashed; COLOR: red; BOTTOM: 0px; BORDER-BOTTOM: red 1px dashed; POSITION: relative; TEXT-DECORATION: none; } a{color:#990000; text-decoration:none; } </style>

(Вставляем в 'body' или 'head' для всей страницы)

пример
_______________________________________________________

Заливка ссылки
При наведении

<style type="text/css"> a:hover{color:#ffffff; BORDER-TOP: #990000 1px solid; BACKGROUND: #990000 ; BORDER-BOTTOM: #990000 1px solid; text-decoration: none; } a{color:#660000; text-decoration:none; } </style>

(Вставляем в 'body' или 'head' для всей страницы)

пример
_______________________________________________________

Линия сверху
При наведении

<style type="text/css"> a:hover{color:red; text-decoration: overline; } a{color:#990000; text-decoration:none; } </style>

(Вставляем в 'body' или 'head' для всей страницы)

пример
_______________________________________________________

Резкость

<style type="text/css"> A{font-size: 14px; COLOR: #000000; FONT-FAMILY: verdana; HEIGHT: 0px; TEXT-DECORATION: none; FILTER: none; } A:hover {font-size: 15px; FILTER: blur; COLOR: #990000; FONT-FAMILY: verdana; HEIGHT: 5px; TEXT-DECORATION: none} </style>

(Вставляем в 'body' или 'head' для всей страницы)

пример
_______________________________________________________

Осветление

<style type="text/css"> a:hover{ FILTER: Alpha(Opacity=70, FinishOpacity=6, Style=2); COLOR: red; HEIGHT: 10px; TEXT-DECORATION: none;} a{color:#FF00CC; text-decoration:none; } </style>

(Вставляем в 'body' или 'head' для всей страницы)

пример