Entrar

Dar movimiento a un título

YBM2011 · · Solicitar retirada
Hola cómo puedo darle movimiento a un título dentro de una página web como en los periódicos digitales.
Saludos,
YBM2011
Doodleo · · Solicitar retirada
Prueba con:

<marquee>Este texto... se mueve! o.O</marquee>

Creo que las etiquetas eran esas ^^
adonisjuarez · · Solicitar retirada
Hola YBM2011, creo que lo que tu quieres es que el titulo cambie constante mente uno por otro. Aqui te pego un Script para que lo uses, solo tienes que cambiar el texto de los var text1

<SCRIPT LANGUAGE='JavaScript'>

var default1 = "Este es el primer titulo"; // only shown once at page load
var text1 = "Este es el segundo titulo";
var text2 = "Este es el tercer titulo";
var text3 = "Este es el cuarto titulo";
var changeRate = 3000; // 1000 = 1 second
var messageNumber = 0;

function changeStatus() {
if (messageNumber == 0) {
window.status=default1;
document.title=default1;
}
else if (messageNumber == 1) {
window.status=text1;
document.title=text1;
}
else if (messageNumber == 2) {
window.status=text2;
document.title=text2;
}
else if (messageNumber == 3) {
window.status=text3;
document.title=text3;
messageNumber = 0;
}

messageNumber++;
setTimeout("changeStatus();",changeRate);

}

changeStatus(); // leave here to run right away

// -->
</SCRIPT>

Recuerda pegarlo antes de la etiqueta de cierre </head>

Tengo otros por si no te gusta este.

Saludes
adonisjuarez · · Solicitar retirada
Si ese no te parece entonces cheka este. Solo tienes que pegarlo entre <body> y </body> y automaticamente mostrara todo lo que tienes dentro de la etiqueta de Title de tus Webs.

<!---INÍCIO--->
<script>
var repeat=0 //enter 0 to not repeat scrolling after 1 run, othersise, enter 1
var title=document.title
var leng=title.length
var start=1
function titlemove() {
titl=title.substring(start, leng) + title.substring(0, start)
document.title=titl
start++
if (start==leng+1) {
start=0
if (repeat==-1)
return
}
setTimeout("titlemove()",140)
}
if (document.title)
titlemove()
</script>
<!---FIN--->
YBM2011 · · Solicitar retirada
Hola Doodleo,
pues muchas gracias por la respuesta. Ahora necesito que me asesores de nuevo con las etiquetas que me has enviado. Dónde tengo que ponerlas? La parte que dice este texto se mueve es donde tengo que agregar lo que quiero que aparezca en movimiento?
Un saludo y gracias de nuevo.
YBM2011
YBM2011 · · Solicitar retirada
Hola adonisjuarez,
gracias por tu respuesta. Ahora lo que necesitaría es que me asesoraras un poco. Podrías decirme paso a paso qué hacer con la información que me has enviado. Es que soy demasiaod nuevo en esto y recientemente he terminado el cursito de HTML y CCS.
un saludo,
YBM2011
Doodleo · · Solicitar retirada
Claro, te lo pongo más claro, el texto en movimiento es lo que te marqué en rojo, sólo cambia eso por tu título y pégalo donde quieras que se vea el texto en movimiento:

<marquee>[COLOR=#ff0000][B]Texto que se moverá[/B][/COLOR]</marquee>
Carlo1148 · · Solicitar retirada
Olaz YBM2011 creo q talvez t pueda servir este script. lo debes colocar entre <head> y </head>






<SCRIPT LANGUAGE="JavaScript">

var txt="--- Texto Animado en la Barra de Titulo ---";
var espera=100;
var refresco=null;

function rotulo_title() {
        document.title=txt;
        txt=txt.substring(1,txt.length)+txt.charAt(0);
        refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();

</SCRIPT>


Salu2 [;)]
YBM2011 · · Solicitar retirada
Gracias Carlo1148
Lo voy a poner en práctica y luego te digo cómo me fue.
Sld,
YBM2011
adonisjuarez · · Solicitar retirada
Definitiva mente el script que Carlo1148 nos ha dado funciona y que bien, pero recuerda YBM2011 que lo que ese script hace es mover en la barra de titulo lo que escribas dentro de el y lo que tienes en el titulo no se mostrara. Mientras que este script solo tienes que pegarlo entre <body> y </body>

<script>
var repeat=0 //enter 0 to not repeat scrolling after 1 run, othersise, enter 1
var title=document.title
var leng=title.length
var start=1
function titlemove() {
titl=title.substring(start, leng) + title.substring(0, start)
document.title=titl
start++
if (start==leng+1) {
start=0
if (repeat==-1)
return
}
setTimeout("titlemove()",140)
}
if (document.title)
titlemove()
</script>

Y suficiente, lo que este hace es que muestra todo lo que tienes dentro de la etiqueta <title> </title>. Prubalo y ya veras.

Saludes.