El documento proporciona códigos HTML y JavaScript para agregar varios efectos y funciones a una página web, como resaltar enlaces al pasar el mouse, agregar cuadros explicativos para enlaces, personalizar la barra de desplazamiento, crear formularios, insertar audio de fondo, hacer temblar la página al cargarla, y agregar enlaces para descargar archivos.

1. CODIGOS HTML
Con este códigopodemoslograrese tanconocidoefectoque al pasarel mouse sobre unlink,
este se subraye.Podemoshacerque tengauncolorantesde visitarel link,yque tengaotro
una vezvisitado.
<STYLE type="text/css">
<!--
A:link{COLOR:red;TEXT-DECORATION:none}
A:visited{COLOR:gray;TEXT-DECORATION:none}
A:active {TEXT-DECORATION:none}
A:hover{COLOR:blue;TEXT-DECORATION:underline} -->
</STYLE>
</p>
<p><a href="l1.htm">El textoque quieras.</a><br>
<a href="l2.htm">otrotexto.</a><br>
<a href="l3.htm">Otrotexto.</a><br>
</p>
Cuadroexplicativode losenlaces:
Sorprendé atus visitantesconeste asombrosotruco.Al pasarel mouse sobre el link,aparece
la explicaciónde ese linkenuncuadrocon la cantidadde palabrasque queramosponer.
<p>
<script language="JavaScript"><!--
functionescribe(frase){document.desplaza.cuadro.value=frase;}

2. // --></script>
</p>
<table border="0">
<tr>
<td width="200"><p align="center"><strong>Opciones.</strong></p>
<p><a href="http://www.pauluk.8k.com"
onmouseover="escribe('Páginaprincipaln----------------nnCuandohagasClickeneste enlace
irás directamenteala páginade iniciode mi web');">Página
principal</a><br>
<a href="http://www.suweb.net/users/pauluk/trucosprin.htm"
onmouseover="escribe('TrucosPCn-----------nnEste enlace te llevaráalapáginade Trucos
PC enla que podésencontrarmuchosmástrucos interesantespararealizare incluirentus
páginasweb');">TrucosPC</a><br>
<a href="http://www.suweb.net/users/pauluk/GLOSARIO.HTM"
onmouseover="escribe('Glosarion-------------- nnDiccionariode TérminosInformáticos.
Enterate el significadode esaspalabrasde computaciónque decístodoslosdíasperoque no
sabésexactamente qué significa.');">Glosario</a><br>
</p>
</td>
<td><form name="desplaza">
<p><textareaname="cuadro"rows="8"cols="30"
wrap="physical"></textarea></p>
</form>
</td>
</tr>
</table>
Otra barra con mas colores:

3. A continuaciónveremosotrocódigoparaponerle colora labarra de desplazamiento,eneste
caso vamosa poderpersonalizarloscoloresde labarra,del fondoy losbordes.Reemplazarlos
nombresde loscoloresporotros o por loscódigode letrasy números.Mas abajoestála tabla
de colores.
<style>
<!--
body{ scrollbar-face-color:darkgreen;
scrollbar-shadow-color:yellow;
scrollbar-highlight-color:violet;
scrollbar-3dlight-color:navy;
scrollbar-darkshadow-color:magenta;
scrollbar-track-color:blue;
scrollbar-arrow-color:black}
-->
</style>
Observación:paravereste truco,es necesariotenerinstaladalasúltimasversionesde los
navegadores
Crear unformulario:
Con este códigopodemoscrearunformularioparaque complete el visitante.Porejemploun
librode visitas,luegoque el visitanteaprieteel botónenviar,losdatosseránenviadosatu
casillade correo.
<H2>Libro de visitas</H2>
<FORM ACTION="mailto:tunombre@tuservidor.com"METHOD="post">

4. <TABLE>
<TD ALIGN=RIGHT>Nombre:</TD>
<TD><INPUT type="text"size=36name="nombre"></TD>
<TR><TD ALIGN=RIGHT>DireccionE-mail:</TD>
<TD><INPUT type="text"size=36name="direccion"></TD>
<TR><TD ALIGN=RIGHT>comollegaste hastaestapagina?</TD>
<TD><INPUT type="text"size=36name="procedencia"></TD>
<TR><TD ALIGN=RIGHT>Tuscomentatios:</TD>
<TD><TEXTAREA rows=5 cols=30 name="comentarios"></TEXTAREA></TD>
</TABLE>
<INPUT type="reset"value="Borrartodo"><INPUTtype="submit"value="Enviar">
</FORM>
Insertarun sonidoomúsicade fondo:
Si quierenque losvisitantesescuchenunacanciónmientrasvisitanlaWeb,osimplemente
recibirlosconunamelodíaestilopresentación,este esel códigoque estabasbuscando.
Se recomiendausarsonidosenformato"midi"que sonlosde menorpeso.
<BGSOUND SRC="sonido.mid"LOOP=none>
<WIDTH=200 HEIGHT=55 AUTOSTART="true"LOOP="false"HIDDEN="true">

5. Pantallaque tiembla:
Al insertareste código,cadavezque entremosenlaWeb se produciráuna especie de
terremotoenel explorador.Unefectointeresante paraatraerla atenciónde nuestros
visitantes.
<html>
<head>
<title>www.pauluk.8k.com</title>
<meta http-equiv="Content-Type"content="text/html;charset=iso-8859-1">
</head>
<bodybgcolor="#FFFFFF"text="#000000">
<p>
<script language="JavaScript1.2">
functiontremer(n) {
if (self.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(0,i);
self.moveBy(i,0);

6. self.moveBy(0,-i);
self.moveBy(-i,0);
}}}}
tremer(5)
</script>
<Script language=JavaScript>
functionright(e) {
if (navigator.appName =='Netscape'&& (e.which==3 || e.which==2)){
alert("www.pauluk.8k.com");
returnfalse;
}
else if (navigator.appName =='MicrosoftInternetExplorer'&&
(event.button==2 || event.button==3)) {
alert("www.pauluk.8k.com");
returnfalse;
}

7. returntrue;
}
document.onmousedown=right;
if (document.layers)window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
</script>
</body>
</html>
Crear unlinkpara download:
Si queremosponerarchivosparaque losvisitanteslospuedandescargarasuscomputadoras,
solodebemossubirese archivoanuestroservidore insertarennuestraWebel siguiente
códigoHTML:
<a href="ejemplo.exe">Descripcióndelenlace </a>
No existe uncomandoque inicieladescarga.Loque sucede esque,siempre que aparece un
tipode archivono reconocidoporel navegador,este comienzaadescargarlo
automáticamente.Ejemplo:Si el navegadornolograabrirun archivo"zip"(compactado),inicia
la descargaautomáticamente.