>>:Java Scripts: <<

..::Efeitos em Link::..

Link sem Sublinhado
Cole o código abaixo entre as tags <head> e </head> do seu template.
 <style> a { text-decoration:none; } </style> 

Link Colorido
Cole o código abaixo entre as tags <body> e </body> do seu template. Depois faça um link e veja o resultado.
 <style> a { text-decoration:none; } </style>   <script language="JavaScript1.2"> var rate = 100; // Increase amount(The degree of the transmutation) //////////////////////////////////////////////////////////////////// // Main routine 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; } //============================================================================= // doRainbow // This function begins to change a color. //============================================================================= function doRainbow() { if (Browser && act != 1) { act = 1; obj = event.srcElement; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100); } } //============================================================================= // stopRainbow // This function stops to change a color. //============================================================================= function stopRainbow() { if (Browser && act != 0) { obj.style.color = clrOrg; clearInterval(TimerID); act = 0; } } //============================================================================= // doRainbowAnchor // This function begins to change a color. (of a anchor, automatically) //============================================================================= 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); } } } //============================================================================= // stopRainbowAnchor // This function stops to change a color. (of a anchor, automatically) //============================================================================= function stopRainbowAnchor() { if (Browser && act != 0) { if (obj.tagName == 'A') { obj.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } //============================================================================= // Change Color // This function changes a color actually. //============================================================================= function ChangeColor() { obj.style.color = makeColor(); } //============================================================================= // makeColor // This function makes rainbow colors. //============================================================================= function makeColor() { // Don't you think Color Gamut to look like Rainbow? // 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; } } 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>  EXEMPLO

Link Blur
Cole o código abaixo entre as tags <body> e </body> do seu template.
<a href="http://seu_link_aqui" style="text-decoration:none"><DIV STYLE="filter: blur(color=#B8D2EF,offX=3,offY=3); width:100%;"> <FONT SIZE="2" FACE="times" COLOR="#0000ff"> <B>Descrição do link</B></FONT></DIV></a>

Link Drop Shadow
Cole o código abaixo entre as tags <body> e </body> do seu template.
<a href="http://seu_link_aqui" style="text-decoration:none"><DIV STYLE="filter: dropShadow(color=#B8D2EF,offX=3,offY=3); width:100%;"> <FONT SIZE="2" FACE="times" COLOR="#000000"> <B>Descrição do link</B></FONT></DIV></a>

Link Glow
Cole o código abaixo entre as tags <body> e </body> do seu template.
<a href="http://seu_link_aqui" style="text-decoration:none"><DIV STYLE="filter: glow(color=#B8D2EF,offX=3,offY=3); width:100%;"> <FONT SIZE="2" FACE="times" COLOR="#0000ff"> <B>Descrição do link</B></FONT></DIV></a>

Voltar para Scripts