Aunque en realidad lo correcto y elegante seria hacer:
Código PHP:
<head>
<style>
.corchetes {
color: #000;
text-decoration:none;
width:3px;
visibility:hidden;
display:inline;
}
</style>
</head>
<body>
<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>
function insertAfter(parent, node, referenceNode) {
parent.insertBefore(node, referenceNode.nextSibling);
}
var As=document.getElementsByTagName("A");
var corchete1,corchete2;
for(var a=0;a<As.length;a++) {
corchete1=document.createElement("DIV");
corchete2=document.createElement("DIV");
corchete1.appendChild( document.createTextNode("[") );
corchete2.appendChild( document.createTextNode("]") );
corchete1.className=corchete2.className="corchetes";
As[a].parentNode.insertBefore( corchete1 , As[a] );
insertAfter( As[a].parentNode, corchete2, As[a] );
As[a].onmouseover=function() {
this.previousSibling.style.visibility="visible";
this.nextSibling.style.visibility="visible";
}
As[a].onmouseout=function() {
this.previousSibling.style.visibility="hidden";
this.nextSibling.style.visibility="hidden";
}
}
</script>
</body>