|     Inicio    |   |         |  |   FOROS      |  |      |      
   Elastix - VoIP B4A (Basic4Android) App inventor 2 PHP - MySQL
  Estación meteorológica B4J (Basic4Java) ADB Shell - Android Arduino
  AutoIt (Programación) Visual Basic Script (VBS) FireBase (BD autoactualizable) NodeMCU como Arduino
  Teleco - Emisora de A.M. Visual Basic Cosas de Windows Webs interesantes
Translate:
Búsqueda en este sitio:


.

App inventor 2 en español
Cómo programar los teléfonos móviles con Android.
Curso de App inventor 2 en español - Juan Antonio Villalpando

-- Tutorial de iniciación de App Inventor 2 en español --

Volver al índice del tutorial

___________________________

169JJ.- JavaScript. Marquee. Desplazamiento de texto.

p169JJ_javascript_marquee.aia

- Se denomina "marquee", a un texto que se desplaza horizontalmente en una página web

- En este ejemplo vamos a desplazar un texto utilizando código JavaScript.

- En otros tutoriales ya vimos cómo hacerlo con bloques:

55E.- Marquee. Desplazar texto.

55F.- Marquee. Desplazar texto. Marquee en Lienzo.

_________________
- Diseño.

- En el VisorWeb1 desmarcamos la Propiedad Visible.

_________________
- Bloques.

- Se enviará la velocidad y el texto separados por :

 

file:///mnt/sdcard/AppInventor/assets/marquee.htm

file:///android_asset/marquee.htm

_________________
- Archivo. JavaScript.

marquee.htm
 
<SCRIPT> 
salto_de_caracter = 1
datos =  window.AppInventor.getWebViewString() + ":";  // Entrada de datos.

    partes = datos.split(":"); 
    velocidad = partes[0];
    texto = partes[1];

function marquee() {
window.setTimeout('marquee()', velocidad);

var desplaza = texto
window.AppInventor.setWebViewString("" + desplaza.substring(salto_de_caracter) + desplaza.substring(0,salto_de_caracter));
texto =  desplaza.substring(salto_de_caracter) + desplaza.substring(0,salto_de_caracter)
} 
marquee()
</SCRIPT>

__________________________________

 

- Mi correo:
juana1991@yahoo.com
- KIO4.COM - Política de cookies. Textos e imágenes propiedad del autor:
© Juan A. Villalpando
No se permite la copia de información ni imágenes.
Usamos cookies propias y de terceros que entre otras cosas recogen datos sobre sus hábitos de navegación y realizan análisis de uso de nuestro sitio.
Si continúa navegando consideramos que acepta su uso. Acepto    Más información