funzionalità del sito web dinamico, come rollover di testo , consentono di costruire un sito interessante che vi aiuterà a mantenere i visitatori di ritorno. Un rollover di testo utilizza la tecnologia web browser per modificare il testo selezionato come il cursore del mouse passa sopra il testo . Il codice utilizzato per creare rollover includono HTML e JavaScript . HTML è un linguaggio di descrizione pagina che consente di controllare la struttura e l'aspetto di una pagina web , e JavaScript è un linguaggio di scripting che consente di scrivere programmi che vengono eseguiti nel browser web .
Istruzioni Modifica del testo su un rollover
1
Aprire un editor di testo , come Blocco note , se il sistema operativo del computer è Microsoft Windows . L'editor utilizzato deve essere in grado di salvare un documento in formato testo normale .
2
Digitare il testo seguente, che crea un documento HTML di base , nel testo .
3
Inserisci il cursore tra le "
" e " < /title> e digitare" Rollover Esempio "Questa linea dovrebbe apparire come segue : <br> <p> < title> Rollover Esempio < /title> <br> <p> " Rollover Esempio " è il titolo del documento, che appare nella parte superiore della finestra del browser quando si apre il file HTML in un browser , ad esempio Internet Explorer o Firefox . <br> 4 <p> Inserisci il cursore alla fine della riga contenente il " <body> ", premere il tasto "Enter" e digitare il seguente codice HTML e JavaScript , che crea il testo codice fa sì che il browser di visualizzare la parola " normale ", quando si apre la pagina Web. Il codice fa sì che anche il browser per modificare la parola visualizzata in " Rollover ", quando il cursore del mouse passa sul testo - . ed a cambiare di nuovo su "Normal "quando il cursore del mouse si allontana dal testo . <br> 5 <p> salvare il documento in una cartella sul vostro computer come un file HTML . È necessario includere " . htm "o" . html "alla fine del nome del file per consentire al computer sa che il file è un file HTML . Se non lo fai , il tuo browser non visualizza correttamente il file . ad esempio, è possibile assegnare un nome al file " Rollover.htm " o " Rollover.html . " <br> 6 <p> Aprire un browser web sul computer . <br> 7 <p> Aprire il file HTML creato nel browser web. <br> 8 <p> spostare il cursore del mouse sopra la parola " normale " per farla cambiare a " Rollover ", quindi spostare il cursore lontano dalla parola di vederlo cambiare su "Normale ". <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/Programmazione/javascript-programming/91107.html' >Come attivare e disattivare una musica immagine in Javascript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programmazione/javascript-programming/91109.html' >Come calcolare il Modulo d'ordine dei totali in Javascript </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> Articoli Correlati </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90949.html" title="Come aggiornare DIV " target="_self">Come aggiornare DIV </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90856.html" title="Spiegazione di arrotondamento e troncamento in Javascript " target="_self">Spiegazione di arrotondamento e troncamento in Javascri…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90833.html" title="Come codice utilizzando l'editor di script in LiveCycle " target="_self">Come codice utilizzando l'editor di script in LiveCycle…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91215.html" title="Stili di carattere comuni " target="_self">Stili di carattere comuni </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91102.html" title="Internet Explorer 6 Javascript Problemi Header " target="_self">Internet Explorer 6 Javascript Problemi Header </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90766.html" title="Come accedere al Accelerometro Via Javascript in Android " target="_self">Come accedere al Accelerometro Via Javascript in Androi…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90868.html" title="Come disabilitare lo scorrimento in Google Maps API V3 " target="_self">Come disabilitare lo scorrimento in Google Maps API V3 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90890.html" title="Come dividere più separatori in JavaScript " target="_self">Come dividere più separatori in JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90905.html" title="Che cosa è la disuguaglianza in JavaScript " target="_self">Che cosa è la disuguaglianza in JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90835.html" title="Come utilizzare l'analisi statica per trovare i bug " target="_self">Come utilizzare l'analisi statica per trovare i bug </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Articoli in evidenza </td> </tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/90647.html" title="Come convertire la stringa al formato data in Java " target="_self">Come convertire la stringa al formato data in Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87326.html" title="Che cosa è un gestore eventi " target="_self">Che cosa è un gestore eventi </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/86729.html" title="Come creare un Pulse Delay in Verilog " target="_self">Come creare un Pulse Delay in Verilog </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/cc-programming/85956.html" title="Come aggiungere GridView " target="_self">Come aggiungere GridView </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/91804.html" title="Come salvare Decimali a MySQL " target="_self">Come salvare Decimali a MySQL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87372.html" title="Come trovare il numero più piccolo in un Array " target="_self">Come trovare il numero più piccolo in un Array </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/90434.html" title="Tutorial Java per la connessione di un applet ad un telaio " target="_self">Tutorial Java per la connessione di un applet ad un tel…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87143.html" title="Come creare un elenco a discesa utilizzando XSL " target="_self">Come creare un elenco a discesa utilizzando XSL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/89547.html" title="Come fare un programma in NetBeans " target="_self">Come fare un programma in NetBeans </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/86293.html" title="I vantaggi di un editor Premium " target="_self">I vantaggi di un editor Premium </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=middle>Copyright © Conoscenza Informatica http://it.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> 