Es difícil saber cómo los clientes potenciales podrían reaccionar a un eslogan publicitario , y muchos sitios web crearán varias consignas , girar el texto y medir el número de clics para determinar la consigna más eficaz. Usted puede utilizar JavaScript para girar el texto en la pantalla , creando una serie de texto a la pantalla , creando una función para mostrar el siguiente elemento de texto de la matriz y llamar al método " setInterval " para implementar la rotación en un intervalo de tiempo regular. Instrucciones
1
Crear un nuevo documento HTML con el Bloc de notas o un editor HTML. Inserte los encabezados de HTML en el documento :
< meta charset = "UTF - 8 ">
girar texto < /title> <br> 2 <p> Añadir código JavaScript para crear una serie de mensajes de texto a girar. Calcular la posición del último mensaje de texto en la matriz mediante la adopción de la longitud y restando uno . Inicializar una variable (puntero ) para rastrear el índice del mensaje de texto actual en la matriz <br> <p> <script> <br> <p> var text = [ ". Oferta Especial - Haga click aquí" , "Free - hacer clic aquí "," no te pierdas esta oferta - Haga clic Aquí " ] ; ! <br> <p> maxSlogans var = text.length - 1 ; <br> <p> actual var = 0 ; Pierdas! <br> 3 <p> Crear una función JavaScript para girar el texto . Seleccione el siguiente mensaje de texto de la matriz o mover el puntero de nuevo al primer mensaje de texto si usted ha llegado al final de la matriz . Muestra el texto sustituyendo la propiedad " innerHTML " de la etiqueta <div> con el mensaje de texto : <br> <p> rotateText function () { if ( <br> <p> + + actuales > maxSlogans ) actual = 0 , . <br> <p> document.getElementById ( " textDiv ") innerHTML = '<a href="http://example.com/special' + actual + '.php"> ' + texto [ actual ] + '< /a >'; <br> <p> } <br> 4 <p> Llame al método JavaScript " setTimeout " con la función que desea ejecutar y el intervalo de ejecución en milisegundos. Por ejemplo, ejecute la función " rotateText " cada 10 segundos: <br> <p> window.setInterval ( " rotateText ()" , 10000 ) ; <br> <p> < /script > <br> <p> < ;/head> <br> 5 <p> Crear un <div> en el cuerpo del documento y asignarle el ID que utilizó en la función de rotación JavaScript . Ver el primer lema del texto dentro de la etiqueta <div> : <br> <p> <body> <br> <p> <div id="textDiv"> <a href = " http://example .com/special0.php "> Oferta Especial - Haga clic aquí < /a> < /div > <br> <p> < /body> <br> <p> < /html > <br> Página 6 <p> Guarde el archivo . Abrir en un navegador y ver el texto gira en la pantalla . <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='/Programacion/javascript-programming/90936.html' >Cómo determinar las coordenadas de un elemento con JavaScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programacion/javascript-programming/90938.html' >Los riesgos con 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"> Artículos relacionados </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="/Programacion/javascript-programming/90752.html" title="Cómo codificar parámetros en AJAX " target="_self">Cómo codificar parámetros en AJAX </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91246.html" title="Cambiar el puntero del ratón en Javascript " target="_self">Cambiar el puntero del ratón en Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90860.html" title="Cómo hacer un rebote Enlace con jQuery " target="_self">Cómo hacer un rebote Enlace con jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90889.html" title="Cómo llegar a un Thickbox Jquery " target="_self">Cómo llegar a un Thickbox Jquery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91094.html" title="Cómo convertir OS Grid para GPS " target="_self">Cómo convertir OS Grid para GPS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91109.html" title="Cómo calcular los totales formulario de pedido en JavaScript " target="_self">Cómo calcular los totales formulario de pedido en Java…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91165.html" title="Nivel Intermedio Tutorial Javascript " target="_self">Nivel Intermedio Tutorial Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90931.html" title="Cómo incrustar vídeos en un pop-up con JavaScript " target="_self">Cómo incrustar vídeos en un pop-up con JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90910.html" title="Cómo Hacer ping en Javascript " target="_self">Cómo Hacer ping en Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90933.html" title="Cómo editar una carta en Acajoom " target="_self">Cómo editar una carta en Acajoom </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">Artículos destacados </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="/Programacion/java-programming/90008.html" title="Cómo imprimir caracteres en Java " target="_self">Cómo imprimir caracteres en Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/94728.html" title="Cómo inicializar una matriz en VBA " target="_self">Cómo inicializar una matriz en VBA </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87225.html" title="Cómo convertir conjunto de caracteres UTF -8 a ISO -8859 -1 " target="_self">Cómo convertir conjunto de caracteres UTF -8 a ISO -88…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/89211.html" title="Cómo desarrollar un Test de Personalidad Puntuación de aplicaciones en Java " target="_self">Cómo desarrollar un Test de Personalidad Puntuación d…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/92181.html" title="Cómo generar instrucciones INSERT en MySQL " target="_self">Cómo generar instrucciones INSERT en MySQL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86434.html" title="¿Qué es MS Jerárquica FlexGrid " target="_self">¿Qué es MS Jerárquica FlexGrid </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/93087.html" title="Cómo iniciar y Borrar una sesión en PHP " target="_self">Cómo iniciar y Borrar una sesión en PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/92078.html" title="Cómo determinar una raíz App relativo en PHP " target="_self">Cómo determinar una raíz App relativo en PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/95580.html" title="Cómo quitar Music Player Código de MySpace " target="_self">Cómo quitar Music Player Código de MySpace </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/python-programming/93824.html" title="Cómo hacer una ventana de Python " target="_self">Cómo hacer una ventana de Python </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 © Conocimientos Informáticos http://ordenador.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
