Ver Mensaje Individual
  #11 (permalink)  
Antiguo 03/09/2005, 09:31
Avatar de derkenuke
derkenuke
Colaborador
 
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.665
Antigüedad: 20 años, 5 meses
Puntos: 45
O un ejemplo con un poco mas de estetica (sin deformacion):

Código PHP:
<style>
body {
    
color#000;
    
text-decoration:none;
}
/* que corchete tenga el mismo estilo que el texto sin enlace, para que no parezca link */
.corchete {
    
color#000;
    
text-decoration:none;
    
width:3px;
    
visibility:hidden;
    
display:inline;
}
</
style>


<
a href="a.htm">enlace</atexto texto texto 
<a href="s.html">otro enlace</amas texto 
<a href="i.htm">y otro</ay se acaba aqui.

<
script>

var As=
document.getElementsByTagName("A");
for(var 
a=0;a<As.length;a++) {
    
// le ponemos los corchetes, todavia ocultos
    
As[a].innerHTML="<div class='corchete'>[</div>"+As[a].innerHTML+"<div class='corchete'>]</div>";
    As[
a].onmouseover=function() {
        
this.childNodes[0].style.visibility="visible";
        
this.childNodes[this.childNodes.length-1].style.visibility="visible";
    }
    As[
a].onmouseout=function() {
        
this.childNodes[0].style.visibility="hidden";
        
this.childNodes[this.childNodes.length-1].style.visibility="hidden";
    }
}

</script> 
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.