DHTML Ya

pagina.html
estilos.css
funciones.js
Ejecución de la página

<!DOCTYPE html>
<html lang="es">

<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Prueba</title>
 <link rel="stylesheet" href="estilos.css">
</head>

<body>
 <div id="mensaje">Título siempre visible.</div>
 Línea 1.
 Línea 2.
 Línea 3.
 Línea 4.
 Línea 5.
 Línea 6.
 Línea 7.
 Línea 8.
 Línea 9.
 Línea 10.
 Línea 11.
 Línea 12.
 Línea 13.
 Línea 14.
 Línea 15.
 Línea 16.
 Línea 17.
 Línea 18.
 Línea 19.
 Línea 20.
 Línea 21.
 Línea 22.
 Línea 23.
 Línea 24.
 Línea 25.
 Línea 26.
 Línea 27.
 Línea 28.
 Línea 29.
 Línea 30.
 Línea 31.
 Línea 32.
 Línea 33.
 Línea 34.
 Línea 35.
 Línea 36.
 Línea 37.
 Línea 38.
 Línea 39.
 Línea 40.
 <script src="funciones.js"></script>
</body>

</html>

46 - Evento scroll (DOM)

Retornar