-
La forma de código de texto múltiples asoma en JavaScript
-
Cuando se incluye un vuelo estacionario texto en su página web, usted permite que el contenido de su página para sobresalir más de lo que sería si sólo se incluyeron texto simple. Cuando se crea un vuelo estacionario texto, esto significa que el texto sobre el que se sitúa el puntero del ratón más destacado. Un vuelo estacionario texto puede ser especialmente beneficioso si usted tiene una lista de elementos o si tiene una barra de navegación con varias opciones sobre el mismo.
Instrucciones
1 Ingrese a su servidor Web y abra la página HTML en la que desea incluir los múltiples elementos emergentes de texto de JavaScript.
2 Haga clic con el cursor en la sección <head> de la página.
3 Inserte el código JavaScript:
<Style type = "text / css">
hoverarea {
frontera: 1px solid negro;Anchura: 170px;
background-color: # e6e6e6;
}
hoverarea a {
Bold 13px Verdana;padding: 2px;
padding-left: 4 píxeles;
bloqueo de pantalla;
width: 100%;
de color negro;
text-decoration: none;
border-bottom: 1px solid negro;
}
html> cuerpo #hoverarea una
regla {/ No IE /
width: auto;
}
hoverarea a: hover {
background-color: negro;color blanco;
}
</ Style>
4 Vuelva a colocar el código de colores de fondo y tipo de letra, si se desea.
5 Haga clic con el cursor en la sección <body> de la página HTML.6 Introduzca este código:
<Div id = "hoverarea">
<a href="Text"> http://www.website.com/link1">Text Zona 1 </a>
<a href="Text"> http://www.website.com/link2">Text Área 2 </a>
<a href="Text"> http://www.website.com/link3">Text Área 3 </a>
<a href="Text"> http://www.website.com/link4">Text Área 4 </a>
<a href="Text"> http://www.website.com/link5">Text Área 5 </a>
</ Div>
7 Reemplace cada instancia "http://www.website.com/link" con el enlace que desea adjuntar al texto asociado en cada línea.
8 Reemplazar "Área de texto" en cada línea con el texto que desea que aparezca en los casos de texto libración.
9 Publicar la página.
