7 replies to this topic

[Fulerow_]

entrem Neste Site akew!!! e passem o mouse por cima de algum link... vê.. o fica mudando de cor tooooooda hora.. de aranja para azul.. com um efeito de transição.. enfim.. eh esse aew.. alguém sabe?

[rafaces]

O site não abre!

[Fulerow_]

eu axo ki eh pq eles estaum em manutenção... dpois tu vê... ok?

[-Mosque-]

Nesse site AQUI tem um exemplo do que foi citado!

Bom garimpa no codigo fonte la, se nao conseguir avisa OK?!

Flw

[Dinho Z.]

Segue o código do link acima...

<script>

var rate = 100; // 


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 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);
}
}
}

function stopRainbowAnchor()
{
if (Browser && act != 0) {
if (obj.tagName == 'A') {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}

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;
}

function ChangeColor()
{
obj.style.color = makeColor();
}

function stopRainbow()
{
if (Browser && act != 0) {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}

function doRainbow()
{
if (Browser && act != 1) {
act = 1;
obj = event.srcElement;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}

</script>

[Fulerow_]

isso tudo soh pa bota um link desse jeito???? ei o site pegou Entrem!!!!

[Without a Nick]

Baixe isto e procure entre os diferentes efeitos que você quer.

http://www.imasters....tosemlinks2.zip


Puxei do iMasters.

WITHOUT A NICK

Edição feita por: Without a Nick, 09/12/2003, 14:38.

[Fulerow_]

aki os efeitos saum os mesmos (muda de cor...)