November 17
Quando si include un hover testo sulla pagina Web, si consente il contenuto sulla tua pagina di stare fuori più di quanto sarebbe se si incluso solo testo semplice. Quando si crea un hover di testo, ciò significa che il testo su cui il mouse si libra salienti. Un passaggio del mouse testo può essere particolarmente utile se si dispone di un elenco di elementi o se si dispone di una barra di navigazione con diverse opzioni su di esso.
1 Accedi al tuo server Web e aprire la pagina HTML in cui si desidera includere i molteplici aleggia testo JavaScript.
2 Clicca il cursore nella sezione <head> della pagina.
3 Inserire questo codice JavaScript:
<Style type = "text / css">
hoverarea {
border: 1px nero solido;
width: 170px;
background-color: # E6E6E6;
}
hoverarea un {
font: 13px grassetto Verdana;
padding: 2px;
padding-left: 4px;
blocco di visualizzazione;
width: 100%;
colore nero;
text-decoration: none;
border-bottom: 1px solid nero;
}
html> body #hoverarea un
{regola / non IE /
width: auto;
}
hoverarea a: hover {
background-color: black;
colore bianco;
}
</ Style>
4 Sostituire il tipo di sfondo codici di colore e tipo di carattere, se lo si desidera.
5 Clicca il cursore nella sezione <body> della pagina HTML.
6 Inserisci questo codice:
<Div id = "hoverarea">
<a href="Text"> http://www.website.com/link1">Text Area 1 </a>
<a href="Text"> http://www.website.com/link2">Text Area 2 </a>
<a href="Text"> http://www.website.com/link3">Text Area 3 </a>
<a href="Text"> http://www.website.com/link4">Text Area 4 </a>
<a href="Text"> http://www.website.com/link5">Text Area 5 </a>
</ Div>
7 Sostituire ogni istanza "http://www.website.com/link" con il link che si desidera allegare al testo associato a ogni riga.
8 Sostituire "Area di testo" in ogni riga con il testo che si desidera visualizzare le istanze del testo al passaggio del mouse.
9 Pubblicare la pagina.