Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Daw

Efeito no link

Por , em Javascript

Recommended Posts

Daw    0

Daw
Postado

Falae pessoal ... olhe os links do menu (à esquerda) deste site:

:::::: Abnormis ::::::

 

Alguem sabe como é o souce deste CSS???

[]s a todos ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daw    0

Daw
Postado

Continuou na mesma... isso eu já tinha feito e já tinha analisado o CSS do cara !!!

:rolleyes:

[]s

Compartilhar este post

Link para o post
Compartilhar em outros sites

babu    0

babu
Postado

Continuou na mesma... isso eu já tinha feito e já tinha analisado o CSS do cara !!! :) []s

Salve.Intaum coloca ele no teu site e ve o resultado.||'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daw    0

Daw
Postado

hehehehe :D eu nao... quero saber como se faz po!

No css nem tem essa class!

[]s :lol:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daw    0

Daw
Postado

Seguinte Rodney...

quero saber qual comando pra se fazer aquele style...

 

o Bebu me sugeriu usar o arquivo CSS do cara mas nunca vou fazer isso até porque eu quero saber como se faz.

 

[]s ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

o nome desse efeito é "fade"

tá ligado? Metallica - fade to black

 

 

olha só:

 

<html><title>HTML - CSS</title><head><script language=javascript>	/************* 	**** <config> 	**/ 	startColor = "#88A2C8"; // MouseOut link color 	endColor = "#F0F8FF"; // MouseOver link color 		stepIn = 20; // delay when fading in 	stepOut = 20; // delay when fading out 		/* 	** set to true or false; true will 	** cause all links to fade automatically 	***/ 	autoFade = true; 	/* 	** set to true or false; true will cause all CSS 	** classes with "fade" in them to fade onmouseover 	***/ 	sloppyClass = true; 	/** 	**** </config> 	**************/ 	/************* 	**** <install> 	** 	** 	**** </install> 	**************/ 		hexa = new makearray(16); 	for(var i = 0; i < 10; i++) 	hexa[i] = i; 	hexa[10]="a"; hexa[11]="b"; hexa[12]="c"; 	hexa[13]="d"; hexa[14]="e"; hexa[15]="f"; 		document.onmouseover = domouseover; 	document.onmouseout = domouseout; 		startColor = dehexize(startColor.toLowerCase()); 	endColor = dehexize(endColor.toLowerCase()); 		var fadeId = new Array(); 		function dehexize(Color){ 	var colorArr = new makearray(3); 	for (i=1; i<7; i++){ 	for (j=0; j<16; j++){ 	if (Color.charAt(i) == hexa[j]){ 	if (i%2 !=0) 	colorArr[Math.floor((i-1)/2)]=eval(j)*16; 	else 	colorArr[Math.floor((i-1)/2)]+=eval(j); 	} 	} 	} 	return colorArr; 	} 		function domouseover() { 	if(document.all){ 	var srcElement = event.srcElement; 	if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) 	fade(startColor,endColor,srcElement.uniqueID,stepIn); 	} 	} 		function domouseout() { 	if (document.all){ 	var srcElement = event.srcElement; 	if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) 	fade(endColor,startColor,srcElement.uniqueID,stepOut); 	} 	} 		function makearray(n) { 	this.length = n; 	for(var i = 1; i <= n; i++) 	this[i] = 0; 	return this; 	} 		function hex(i) { 	if (i < 0) 	return "00"; 	else if (i > 255) 	return "ff"; 	else 	return "" + hexa[Math.floor(i/16)] + hexa[i%16];} 		function setColor(r, g, b, element) { 	var hr = hex(r); var hg = hex(g); var hb = hex(b); 	element.style.color = "#"+hr+hg+hb; 	} 		function fade(s,e, element,step){ 	var sr = s[0]; var sg = s[1]; var sb = s[2]; 	var er = e[0]; var eg = e[1]; var eb = e[2]; 		if (fadeId[0] != null && fade[0] != element){ 	setColor(sr,sg,sb,eval(fadeId[0])); 	var i = 1; 	while(i < fadeId.length){ 	clearTimeout(fadeId[i]); 	i++; 	} 	} 		for(var i = 0; i <= step; i++) { 	fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" + 	step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+ 	")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+ ")),"+element+");",i*step); 	} 	fadeId[0] = element; 	}</script><style type=text/css>	a{color:ff0000; font-family:verdana; font-size:11px; text-decoration:none;}	a:hover{color:ffcc33; font-family:verdana; font-size:11px; text-decoration:underline;}</style></head><body bgcolor=000000><center><a href="javascript:;">XXXXX</a></center></body></html>

 

o script está num arquivo .js:

 

http://www.abnormis.com/fade.js

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daw    0

Daw
Postado

Aaaaaah agora sim! Mas que codigo pequeninho hein ... :( (ironizando!)

 

[]s :(

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito