Het is moeilijk om te weten hoe potentiële klanten zou kunnen reageren op een reclameslogan , en veel websites zullen verschillende slogans maken , draait u de tekst en meet het aantal klikken op de meest effectieve slogan bepalen . U kunt JavaScript gebruiken om tekst te roteren op het scherm door het creëren van een reeks van tekst naar scherm , het creëren van een functie om de volgende tekst element in de array weer te geven en het aanroepen van de " setInterval " methode om de rotatie te implementeren in een regelmatig tijdsinterval . Instructies
1 Maak een nieuw HTML-document in Kladblok of een HTML-editor . < ! DOCTYPE HTML >
< meta charset : steek de HTML headers in het document = " uTF - 8 " >
Draai tekst < /title > <br> 2 <p> Voeg JavaScript-code om een array van tekstberichten te creëren om te draaien . Bereken de positie van de laatste tekstbericht in de matrix door middel van de lengte en een af te trekken . Initialiseren van een variabele ( pointer ) aan de index van het huidige SMS-bericht bijhouden in de array <p> <script> <p> var tekst <br> = [ . " Speciale aanbieding - Klik hier" , "Free overleden - Klik hier " , " niet te missen aanbieding - Klik hier " ] ; ! <p> var maxSlogans <br> = text.length - 1 ; <p> var <br> stroom = 0 ; <br> ! <br> 3 <p> Maak een JavaScript-functie om de tekst te roteren . Selecteer het volgende SMS-bericht in de matrix of de aanwijzer terug naar de eerste SMS-bericht als je het einde van de array hebt bereikt . Geef de tekst door het vervangen van de " innerHTML " eigendom van de <div> tag met het tekstbericht : <p> functie rotateText <br> ( ) { <br> <p> if ( + + huidige > maxSlogans ) stroom = 0 ; . <p> document.getElementById <br> ( " textDiv " ) innerHTML = ' <a href="http://example.com/special' + huidige + '.php"> ' + tekst [ huidige ] + ' < /a > ' ; <br> <p> } <br> 4 <p> Bel de webbrowser " setTimeout " methode met de functie die u wilt uitvoeren en de uitvoering interval in milliseconden . Voer bijvoorbeeld de functie " rotateText " elke 10 seconden : <p> Window.setInterval <br> ( " rotateText ( ) ' , 10000 ) ; <br> <p> < /script > <br> <p> < ;/head> <br> 5 <p> Maak een <div> in het lichaam van het document en wijs de id die u gebruikt in de webbrowser draaifunctie . Geef het eerste tekstslogan binnen het <div> tag : <p> <body> <br> <p> <br> <div id="textDiv"> < a href = " http://example .com/special0.php " > Speciale Aanbieding - ! Klik hier < /a > < /div > <br> <p> < /body > <br> <p> < /html > <br> <br> 6 <p> Sla het bestand op . Openen in een browser en kijken naar de tekst roteren op het scherm . <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/90936.html' >Hoe de coördinaten van een element in JavaScript Bepaal ? </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/programmering/javascript-programming/201309/90938.html' >Risico's met 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/91069.html" title="Hoe te gebruiken JavaScript om een paginatitel bijwerken " target="_self">Hoe te gebruiken JavaScript om…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90876.html" title="Afronding Up Getallen in Javascript " target="_self">Afronding Up Getallen in Javas…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91056.html" title="Hoe je het besturingssysteem Detect met JavaScript " target="_self">Hoe je het besturingssysteem D…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91248.html" title="Hoe te converteren naar HTML JSP " target="_self">Hoe te converteren naar HTML J…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90828.html" title="Een tutorial voor HTML 5 Canvas Animatie " target="_self">Een tutorial voor HTML 5 Canva…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91190.html" title="Javascript Scrollbar Tutorial " target="_self">Javascript Scrollbar Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90867.html" title="Hoe te Voorwaardelijke Verklaringen Doe in een JS -bestand " target="_self">Hoe te Voorwaardelijke Verklar…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91212.html" title="Javascript lightbox Tutorial " target="_self">Javascript lightbox Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90757.html" title="Wat Is Event Bubbling ? " target="_self">Wat Is Event Bubbling ? </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/visual-basics-programming/201309/96515.html" title="Hoe Search Engine Ranking of SEO van een ASP.NET pagina Verbeter " target="_self">Hoe Search Engine Ranking of SEO van een…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/89765.html" title="Hoe te importeren en Set Up GWT in een Eclipse " target="_self">Hoe te importeren en Set Up GWT in een E…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92247.html" title="Hoe te tekstweergave Van MySQL in PHP " target="_self">Hoe te tekstweergave Van MySQL in PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95264.html" title="Visual Basic 6 Step - by - Step " target="_self">Visual Basic 6 Step - by - Step </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/91787.html" title="Interactieve tutorial over de Top PHP " target="_self">Interactieve tutorial over de Top PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87495.html" title="Geschiedenis van Matlab " target="_self">Geschiedenis van Matlab </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92385.html" title="Hoe te Dubbele waarden Negeren in MySQL PHP " target="_self">Hoe te Dubbele waarden Negeren in MySQL …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92610.html" title="Hoe kan ik een nieuwe WordPress PHP- pagina maken " target="_self">Hoe kan ik een nieuwe WordPress PHP- pag…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92764.html" title="Hoe kan ik PHP compileren met SSL " target="_self">Hoe kan ik PHP compileren met SSL </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>
|
