dynamisk webbplats funktioner , t.ex. text rollovers , kan du bygga en intressant webbplats som kommer att hjälpa till att hålla besökarna återvänder . En text rollover använder teknik webbläsare för att ändra markerad text när muspekaren rör sig över texten . Den kod som används för att skapa rollovers inkluderar HTML och JavaScript . HTML är ett sidbeskrivningsspråk som gör att du kan styra strukturen och utseendet på en webbsida , och JavaScript är ett skriptspråk som gör att du kan skriva program som körs i webbläsaren . Instruktioner
Ändra text på en Rollover
1
Öppna en textredigerare , till exempel Anteckningar , om din dators operativsystem är Microsoft Windows . Redaktören du använder måste kunna spara ett dokument i textformat .
2
Skriv följande text , vilket skapar en grundläggande HTML-dokument i din text .
3
Sätt markören mellan "
" och " < /title > , och typ " Rollover Exempel " Denna linje ska visas enligt följande : <br> <p> < title > Rollover Exempel < /title > <br> <p> " Rollover Exempel " är dokumentets titel som visas överst i webbläsarfönstret när du öppna HTML-filen i en webbläsare , till exempel Internet Explorer eller Firefox . <br> 4 <p> Sätt markören i slutet av raden som innehåller " <body> , " tryck " Enter " och skriv in följande HTML och JavaScript -kod , vilket skapar text koden får webbläsaren att visa ordet " Normal " när webbsidan öppnas Koden också får webbläsaren att ändra ordet som visas för " Rollover " när muspekaren rör sig över texten - . samt att ändra tillbaka till " Normal " när muspekaren rör sig bort från texten . <br> 5 <p> Spara dokumentet till en mapp på datorn som en HTML -fil . Du måste inkludera " . htm " eller " . html " på slutet av filnamnet att låta datorn veta att filen är en HTML-fil . Om du inte gör det kommer din webbläsare inte visa filen korrekt . till exempel kan du namnge filen " Rollover.htm " eller " Rollover.html . " <br> 6 <p> Öppna en webbläsare på din dator . <br> 7 <p> Öppna HTML-filen du skapade i webbläsaren . <br> 8 <p> flytta musmarkören över ordet " Normal " för att få den att ändra till " Rollover ", och sedan flytta bort markören från ordet för att se det ändra till " Normal ". <br> <br>
<div class=dad2><script language='javascript' src='http://www.dator.xyz/ad/201310/4.js'></script></div>
<div class=dad3><script language='javascript' src='http://www.dator.xyz/ad/201310/33.js'></script></div>
</div>
</td>
</tr>
</table>
<table class=dhang1 bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<div class=dhang7></div>
<table width="92%" height="51" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="50%"><p>Tidigare: <a class='LinkPrevArticle' href='http://www.dator.xyz/Programmering/javascript-programming/91107.html' >Hur att aktivera och inaktivera en Music Bild i JavaScript </a></li></p></td>
</tr>
<tr>
<td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programmering/javascript-programming/91109.html' >Hur beräkna summor beställningsformuläret på JavaScript </a></li></td>
</tr>
</table></td>
</tr>
</table>
<div class=dhang7></div>
<table class=s770x246 >
<tr>
<td class=s375x246 ><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table class=c1 >
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> relaterade artiklar </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="http://www.dator.xyz/Programmering/javascript-programming/90823.html" title="Lägga till flera nummer med hjälp av JavaScript " target="_self">Lägga till flera nummer med hjälp av JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91244.html" title="Hur dölja en adressfältet i JavaScript " target="_self">Hur dölja en adressfältet i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90765.html" title="Vad använder jag i stället för JavaScript " target="_self">Vad använder jag i stället för JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90884.html" title="Hur spåra med Java Script & PHP " target="_self">Hur spåra med Java Script & PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91163.html" title="JavaScript Tutorial och Reference " target="_self">JavaScript Tutorial och Reference </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91063.html" title="Hur att få värdet av Combo Box med JavaScript " target="_self">Hur att få värdet av Combo Box med JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90902.html" title="Hur man använder en villkorlig uppgift i JQuery " target="_self">Hur man använder en villkorlig uppgift i JQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91224.html" title="Konfigurera Apache för Javascript " target="_self">Konfigurera Apache för Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91030.html" title="Ställa en JavaScript VAR att Float " target="_self">Ställa en JavaScript VAR att Float </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91058.html" title="Hur du uppdaterar Cookies Via JavaScript " target="_self">Hur du uppdaterar Cookies Via JavaScript </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 class=c3 >
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Utvalda artiklarna </td>
</tr>
</table>
<table class=c4 >
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86813.html" title="Inaktivera delaren i HDividedBox " target="_self">Inaktivera delaren i HDividedBox </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/91307.html" title="IE8 PHP Session Problem " target="_self">IE8 PHP Session Problem </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88773.html" title="Ändra textfärg på Mouseover " target="_self">Ändra textfärg på Mouseover </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87531.html" title="Hur man använder metadata för HTML -kod " target="_self">Hur man använder metadata för HTML -kod </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/python-programming/93514.html" title="Hur du tar bort alla förekomster av en klass i Python " target="_self">Hur du tar bort alla förekomster av en klass i Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89819.html" title="Hur man kan få en webbkamera via Java " target="_self">Hur man kan få en webbkamera via Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/94622.html" title="Hur man använder SQLite i Vb.net " target="_self">Hur man använder SQLite i Vb.net </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89848.html" title="Vad är en Java Bean " target="_self">Vad är en Java Bean </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/python-programming/93815.html" title="Hur man skapar skärmar eller formulär med Python " target="_self">Hur man skapar skärmar eller formulär med Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/94406.html" title="Hur man skapar en DiskPart Script " target="_self">Hur man skapar en DiskPart Script </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<div class=dhang8></div>
<div class=dhang1></div>
<table class=b1>
<tr>
<td class=bs height=90 align=middle>Copyright © Dator Kunskap http://www.dator.xyz
</td>
</tr>
</table>
<div class=dhang1></div>
</div>
</body>
</html> 