Solo usuarios registrados pueden comentar y agradecer, Logueate o Registrate
Paginas: [1]   Ir abajo

Autor Topic: Barra de titulo en movimiento  (Visto 773 veces)

0 Miembros and 1 Guest are viewing this topic.

Offline Azzlaer Posteado: June 09, 2023, 11:53:57 PM

  • MAESTRO
  • US. DE HONOR
  • 0 puntos por ventas
  • *
  • Rank: Puto amo
  • Posts: 1.431
  • Gracias recibida: 26472

  • cl
Barra de titulo en movimiento
Para hacer que el texto de la barra de título se mueva al entrar en una página web en PHP, necesitarás utilizar JavaScript. A continuación, te proporciono un ejemplo de cómo lograrlo:

Crea un archivo HTML que contenga tu página web, y agrega el siguiente código en la sección <head>:

Code: [Select]
<!DOCTYPE html>
<html>
<head>
  <title>Mi página web</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script>
    $(document).ready(function() {
      var titleText = $("title").text(); // Obtiene el texto actual de la barra de título
      var marqueeText = ""; // Texto para el efecto de desplazamiento
      var speed = 100; // Velocidad del desplazamiento (en milisegundos)

      // Crea el texto para el efecto de desplazamiento
      for (var i = 0; i < titleText.length; i++) {
        marqueeText += " " + titleText.charAt(i);
      }

      // Función para actualizar el texto de la barra de título
      function updateTitle() {
        marqueeText = marqueeText.slice(1) + " " + marqueeText.charAt(0);
        document.title = marqueeText;
      }

      // Inicia el intervalo para actualizar el texto de la barra de título
      setInterval(updateTitle, speed);
    });
  </script>
</head>
<body>
  <!-- Contenido de tu página web -->
</body>
</html>

Guarda el archivo HTML con una extensión .php, por ejemplo, index.php.

Coloca este archivo en tu servidor web y accede a él desde tu navegador. Ahora verás que el texto de la barra de título se moverá de forma continua.

Este código utiliza jQuery para manipular la barra de título del documento. Al cargar la página, se obtiene el texto actual de la barra de título y se crea un efecto de desplazamiento agregando un espacio en blanco antes de cada carácter. Luego, se utiliza un intervalo para actualizar el texto de la barra de título en un bucle continuo.

Recuerda que el código JavaScript se ejecuta en el cliente, por lo que el movimiento de la barra de título solo será visible en el navegador de cada visitante y no afectará el título real de la página almacenado en el servidor.


Logged

Gracias:

Solo usuarios registrados pueden comentar y agradecer, Logueate o Registrate



Paginas: [1]   Ir arriba
 

Related Topics

  Subject / Started by Replies Last post
8 Replies
5868 Views 		Last post April 16, 2018, 10:02:49 PM
by priscilla
1 Replies
1190 Views 		Last post January 12, 2019, 04:54:58 PM
by MOYOne
2 Replies
2701 Views 		Last post September 22, 2020, 09:14:08 AM
by Zerek
0 Replies
545 Views 		Last post April 17, 2022, 06:57:22 PM
by gumafa
0 Replies
794 Views 		Last post April 24, 2022, 05:55:46 PM
by greensk8er