CSS - CAMBIO DE ESTILOS

   
Vista:

CAMBIO DE ESTILOS

Publicado por WEBNESS (4 intervenciones) el 21/07/2008 21:42:35
HOLA,

TENGO UN JUEGO DE ENLACES A LOS CUALES LE APLICO UNA CLASE CONTENIDA EN UNA HOJA DE ESTILO.

PERO CADA UNO DE ESTOS ENLACES AL MOMENTO DE COLOCAR EL MOUSE ENCIMA, CAMBIA POR UN COLOR ESPECIFICO, NECESITO SABER COMO VUELVO A COLOCAR EL ENLACE CON SU HOJA DE ESTILO POR DEFECTO, CUANDO RETIRE EL MOUSE DE ALLI.

ESTE ES EL CODIGO QUE TENGO

<link href="popo.css" rel="stylesheet" type="text/css" id="enlace">

<a href="../PRODUCTIVO/libreria/index.cfm" class="popo"
onMouseOver="document.getElementById('enlace_1').style.color='#AA34B2';"
id="enlace_1"
onMouseOut="document.getElementById('enlace').href = 'popo.css'">
hola mundo!!!
</a>
<br><br>
<a href="../PRODUCTIVO/libreria/index.cfm" class="popo"
onMouseOver="document.getElementById('enlace_2').style.color='#F1B5C4';"
id="enlace_2"
onMouseOut="document.getElementById('enlace').href = 'popo.css'">
hola mundo!!!
</a>
<br><br>
<a href="../PRODUCTIVO/libreria/index.cfm" class="popo"
onMouseOver="document.getElementById('enlace_3').style.color='#996300';"
id="enlace_3"
onMouseOut="alert(document.getElementById('enlace_3').style.color);
document.getElementById('enlace_3').class=popo">
hola mundo!!!
</a>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow

RE:CAMBIO DE ESTILOS

Publicado por ScriptShow (33 intervenciones) el 23/07/2008 17:58:52
Saludos,

si sólo cambias el color no necesitas cargar una hoja de stilo completa.
Por ejemplo:

<a href="../PRODUCTIVO/libreria/index.cfm" class="popo"
onMouseOver="document.getElementById('enlace_1').style.color='#AA34B2';"
id="enlace_1"
onMouseOut="document.getElementById('enlace_1').style.color= '#000000';">
hola mundo!!!
</a>

El color que he puesto por defecto es 'negro' pero puedes cambiarlo por el mismo que tengas en la hoja de estilos.

Otra forma sería:

<a href="../PRODUCTIVO/libreria/index.cfm" class="popo"
onMouseOver="this.style.color='#AA34B2';"
id="enlace_1"
onMouseOut="this.style.color='#000000';">
hola mundo!!!
</a>

O, con puro CSS; en fin, lo tienes fácil.

Para cargar un CSS externo completo el efecto final se ralentizaría; incluso puede que necesites cargar la página completa, o utilizar AJAX, etc. Pero no es necesario para un efecto básico.

Suerte.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar