1
Crea tu página HTML con elementos para visualizar el contenido. Abra un nuevo archivo en un editor de texto y guárdelo con "html ". Como la extensión , entrando en el siguiente código:
< p > < /head>
< /body>
< /html >
Esto simplemente crea una página web con un solo elemento HTML en el mismo. El elemento tiene asignado el atributo de la clase con el nombre de "off ". Esto indica el estado del elemento cuando el usuario no tenga su cursor del ratón sobre él .
2
Crea tu código CSS. Abra un nuevo archivo en un editor de texto y guárdelo como " interactivestyle.css " para reflejar el propósito de la tarea a realizar. Escriba el siguiente código :
off {
color: # FF0000 ;}
sobre
{ color: # 0000FF ;} . .
Añadir un enlace a su archivo CSS en la sección de cabecera de su página HTML, entre la apertura y cierre de etiquetas de la cabeza :
3
Cree dos funciones JavaScript en la sección de cabecera de su página, ya sea antes o después de que el enlace a su archivo CSS :