Dynamische website functies , zoals tekst rollovers , stellen u in staat om een interessante site die zal helpen om bezoekers terug te bouwen . Een tekst rollover maakt gebruik van webbrowser technologie om geselecteerde tekst te veranderen als de muiscursor beweegt over de tekst . De code wordt gebruikt om rollovers maken onder andere HTML en JavaScript . HTML is een page description language waarmee u de structuur en het uiterlijk van een webpagina te controleren , en JavaScript is een scripttaal die het mogelijk maakt om programma's die worden uitgevoerd in de webbrowser te schrijven . Instructies
wijzigen Tekst op een Rollover
1 Open een teksteditor , zoals Kladblok , als het besturingssysteem van uw computer is Microsoft Windows . De editor die u gebruikt moet kunnen een document op te slaan in tekst zonder opmaak .
Type 2 de volgende tekst , die een eenvoudige HTML- document creëert , in uw tekst .
3 Plaats de cursor tussen " " en " < /title > en typ" Rollover Voorbeeld "Deze regel moet worden weergegeven als volgt : <br> <p> < title > Rollover Voorbeeld < /title > <p> " Rollover Voorbeeld " <br> is de titel van het document , dat verschijnt aan de bovenkant van het venster van uw webbrowser als u het HTML-bestand te openen in een browser , zoals Internet Explorer of Firefox . <br> 4 <p> Plaats de cursor aan het einde van de regel met de " <body> , " druk op " Enter " en typt u de volgende HTML -en JavaScript -code , waarvan de tekst creëert code zorgt ervoor dat de browser om het woord " Normaal" als de webpagina wordt geopend display De code zorgt ervoor dat ook de browser om het woord getoond aan " Rollover " veranderen wanneer de muisaanwijzer zich op de tekst - . en om het terug te veranderen naar " Normal "wanneer de muiscursor beweegt weg van de tekst . <br> 5 <p> Sla het document naar een map op uw computer als een HTML -bestand . je moet bevatten " . htm "of" . html "op het einde van de bestandsnaam om de computer weten dat het bestand is een HTML-bestand . Als je dat niet doet , zal uw browser het bestand niet correct weergegeven . bijvoorbeeld , zou u de naam van het bestand " Rollover.htm " of " Rollover.html . " <br> 6 <p> Open een webbrowser op uw computer . <br> 7 <p> Open het HTML- bestand dat u hebt gemaakt in de web browser . <br> 8 <p> Beweeg de cursor over het woord " Normaal" te veroorzaken om te veranderen naar " Rollover , " en verplaats de cursor van het woord om het te zien veranderen in " Normal ". <br> <br></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td align=left>Previous: <a class='LinkPrevArticle' href='/programmering/javascript-programming/201309/91107.html' >Hoe maak je een Music Afbeelding in JavaScript inschakelen en uitschakelen </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/programmering/javascript-programming/201309/91109.html' >Hoe te orderformulier totalen berekenen in JavaScript </a></li> </td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246>
<tr>
<td height=246 vAlign=top width=199>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=199>
<tr>
<td height=244 vAlign=top width=197>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>JavaScript Programmeren</STRONG></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91115.html" title="Hoe te Gebogen Corners Javascript Zorg voor IE " target="_self">Hoe te Gebogen Corners Javascr…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91278.html" title="Hoe kan ik een array Class in Javascript Gebruik " target="_self">Hoe kan ik een array Class in …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91026.html" title="Hoe kan ik JavaScript Run op een webpagina " target="_self">Hoe kan ik JavaScript Run op e…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91057.html" title="Hoe te Array Lengte berekenen in Javascript " target="_self">Hoe te Array Lengte berekenen …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91178.html" title="JavaScript Target iFrame Document Tutorial " target="_self">JavaScript Target iFrame Docum…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90864.html" title="JavaScript Bellen naar een functie van een functie " target="_self">JavaScript Bellen naar een fun…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91133.html" title="Hoe Mobile Gebruikers Redirect " target="_self">Hoe Mobile Gebruikers Redirect…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90843.html" title="Hoe maak je een gebruiker Script in GreaseMonkey " target="_self">Hoe maak je een gebruiker Scri…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91138.html" title="Hoe kan ik gebruiken iBox ? " target="_self">Hoe kan ik gebruiken iBox ? </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
<td vAlign=top width=12></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Related Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td>
<td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=8></td>
<td vAlign=top width=376>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Programmering Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td>
<td width="67%">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/86241.html" title="Hoe de Strncmp functie in gebruik C + + " target="_self">Hoe de Strncmp functie in gebruik C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/90587.html" title="Hoe de Java Web Start Cache wissen " target="_self">Hoe de Java Web Start Cache wissen </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/90293.html" title="Hoe Memory Leak Problemen in een Websphere oplossen " target="_self">Hoe Memory Leak Problemen in een Websphe…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/96301.html" title="Hoe maak je een opdracht uit te voeren op een systeem op afstand in Visual Basic " target="_self">Hoe maak je een opdracht uit te voeren o…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/91868.html" title="Hoe te configureren Apache2 te parsen PHP " target="_self">Hoe te configureren Apache2 te parsen PH…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86650.html" title="Ontwerp Stadia van GUI " target="_self">Ontwerp Stadia van GUI </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/85606.html" title="Hoe om bestanden te sluiten in C " target="_self">Hoe om bestanden te sluiten in C </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/89064.html" title="Toepassingen voor de hashcode in Java " target="_self">Toepassingen voor de hashcode in Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/86163.html" title="Hoe een bestand in C Delete " target="_self">Hoe een bestand in C Delete </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57>
<tr>
<td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis http://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
</div>
</body>
</html>
|
