Avatar Image
Nació y murió en el foro
Nació y murió en el foro

Haber si asi me explico lo que quiero hacer:

Asi se veria la secuencia de un marquee normal:


Y asi me gustaria a mi que fuese:


Vamos que cuando el principio del texto alcance el final del area donde se visualiza comience de nuevo a aparecer por el otro lado si es que ya aparecio por completo el final del texto, o espere a que termine de aparecer el final del texto si aun no lo ha hecho

¿hay alguna forma de hacerlo con html?
¿y con javascript?

Avatar Image
User 390661
@man / @woman
@man / @woman

<marquee width="100%" height="250" direction="left" scrollamount="2" id="m" onmouseover="stop()" onmouseout="start()">Holaaaa</marquee>

Avatar Image
Nació y murió en el foro
Nació y murió en el foro
Escrito originalmente por Satan_husein
<marquee width="100%" height="250" direction="left" scrollamount="2" id="m" onmouseover="stop()" onmouseout="start()">Holaaaa</marquee>


esto hace a secuencia de un marquee normal hasta que no sale por completo por un lado no empieza por el otro.

NO es lo que estoy buscando
tunait
Usuario habitual
Usuario habitual

Mira a ver si te sirve hacerlo así

Codigo:

<script type="text/javascript">
<!--
texto = " Lorem ipsum solet oporteat pertinax et mei ..."
function mueveTexto(){
texto = texto.substring(1, texto.length) + texto.charAt(0)
document.getElementById('marquesina').value = texto
tiempo = setTimeout('mueveTexto()',150)
}
-->
</script>



y usa un input de tipo texto para mostrarlo
Codigo:

<input type="text" id="marquesina" style="font-face: verdana, sanas-serif; font-size: .8em; border: 1px solid #ff0000" />
<script type="text/javascript">
<!--
mueveTexto();
-->
</script>


puedes cambiar la velocidad en este valor

tiempo = setTimeout('mueveTexto()',150)
A valor más bajo, más velocidad

Un saludo
Avatar Image
Nació y murió en el foro
Nació y murió en el foro

Cuando lo pruebe te comento, pero de todas formas muchas gracias

Avatar Image
Nació y murió en el foro
Nació y murió en el foro

NO consigo hacerlo funcionar, me puedes poner un ejemplo completo, que solo tenga que hacer copi paste

tunait
Usuario habitual
Usuario habitual
Escrito originalmente por DiStOrSioN_69
NO consigo hacerlo funcionar, me puedes poner un ejemplo completo, que solo tenga que hacer copi paste


Claro, te paso el html completo
Codigo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<head>
<title>marquesina</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">

<!--
texto = " Lorem ipsum solet oporteat pertinax et mei ..."
function mueveTexto(){
texto = texto.substring(1, texto.length) + texto.charAt(0)
document.getElementById('marquesina').value = texto
tiempo = setTimeout('mueveTexto()',150)
}
-->
</script>
</head>
<body>
<input type="text" id="marquesina" style="font-face: verdana, sanas-serif; font-size: .8em; border: 1px solid #ff0000" />
<script type="text/javascript">
<!--
mueveTexto();
-->
</script>
</body>
</html>



saludos ;-)
Avatar Image
Usuario habitual
Usuario habitual
SonrisaGracias mil! Funciona de maravilla.Sonrisa

RollEyesAhora el problema que tengo es en invocar la función desde varios puntos de la misma página, pues, me cambia el identificador y ya no puedo re-utilizar la función:

<input type="text" id="marquesina" style="font-face: verdana, sanas-serif; font-size: .8em; border: 1px solid #ff0000" />

cambia id="marquesina"
por id="text01"

y no aparece mensaje alguno.

Llorica¡Por favor! ¿puedes ayudarme a convertir la función en re-invocable desde varios puntos de la página?

Gracias mil!
mar de granperico
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
No se han encontrado temas similares