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</a> texto texto texto
<a href="s.html">otro enlace</a> mas texto
<a href="i.htm">y otro</a> y 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>