Aquí vamos a poner los links como ítems de una
lista y cambiar el estilo de lista para conseguir un efecto dinámico.
A los links normales y visitados se les define esta imagen como marcadro de la
lista: . A los visitados se les define
un color rojo para diferenciarlos. A los links que son señalados se les
define esta otra imagen
de modo que
al pasar el cursor sobre él, el marcador cambia dando el efecto de iluminarse.
A:link {list-style-image: url("ps_1.gif")} A:visited {list-style-image: url("ps_1.gif"); color: red} A:hover, A:active {list-style-image: url("ps_2.gif")}
Observe con cuánta economía se consigue este efecto. Con HTML hubiera demandado insertar cada imagen en el link y luego usar un lenguaje de programación para conseguir el efecto. En vez de eso, el código de los links de esta página es simplemente:
<ul> <li><a href="ps_din1.html">Link 1 </a></li> <li><a href="ps_din2.html">Link 2 </a></li> </ul>