websites - jQuery marquesina de desplazamiento en la etiqueta del título de la página html

marquee with css

Question

Quiero colocar una marquesina de desplazamiento en mi etiqueta de título html usando jquery, pero no sé cómo y no puedo encontrar una buena explicación en línea en cualquier lugar. ¿Puede alguien ayudarme por favor?

Answer 1

Agregue la secuencia de comandos a continuación en el encabezado de su página y luego llame a la función scrlsts () en la carga del cuerpo

<script type="text/javascript">
var scrl = $(''title'').text();
function scrlsts() {
     scrl = scrl.substring(1, scrl.length) + scrl.substring(0, 1);
     document.title = scrl;
     setTimeout("scrlsts()", 500);
     }
<script>

Answer 2

En la respuesta de Tatu Ulmanen, hay un problema con los caracteres espaciales. Como dice psarid como comentario, después del primer desplazamiento, se eliminan todos los espacios.

Esto es porque el analizador html recorta textos. Eso significa que elimina los espacios al final y al comienzo del texto. Cuando el título se desplaza, el objeto de título en html se ve así:

<title>Scrolling Title With Spaces</title>
<title>crolling Title With SpacesS</title>
<title>rolling Title With SpacesSc</title>
<title>olling Title With SpacesScr</title>
...
<title>Title With SpacesScrolling</title>

Como puede ver arriba, perdimos el espacio entre las palabras Scrolling y Spaces . Para evitar eso, tenemos que almacenar document.title original en algún lugar de nuestro código javascript y poner un espacio u otra cosa al final del mismo. Luego, podemos desplazar document.title al desplazar el texto en la otra variable. Aquí está el código modificado de Tatu Ulmanen.

var documentTitle = document.title + " - ";

(function titleMarquee() {
    document.title = documentTitle = documentTitle.substring(1) + documentTitle.substring(0,1);
    setTimeout(titleMarquee, 200);
})();

Answer 3

Eso no es muy difícil de hacer si solo quieres que se desplace como la etiqueta de marquee :

(function titleMarquee() {
    document.title = document.title.substring(1)+document.title.substring(0,1);
    setTimeout(titleMarquee, 200);
})();

Eso es bastante básico, pero debería darle una idea sobre cómo ajustarlo a su gusto.