Categoría: HTML-Misc

¿Cómo cambiar la imagen dinámicamente cuando el usuario se desplaza usando JavaScript?

Posted on by Rudeus Greyrat

Vamos a agregar la funcionalidad a nuestra página web para que cada vez que el usuario se desplace hacia arriba o hacia abajo en la imagen, la imagen cambie. Hemos usado solo 3 imágenes, pero se puede expandir fácilmente para múltiples imágenes. Mantenemos las imágenes una encima de la otra, esto asegura que solo una … Continue reading «¿Cómo cambiar la imagen dinámicamente cuando el usuario se desplaza usando JavaScript?»

¿Cómo funciona addEventListener para keydown en HTML 5 Canvas?

Posted on by Rudeus Greyrat

El método addEventListener() es una función incorporada en JavaScript que toma el evento para escuchar. El segundo argumento que se llamará cada vez que se active el evento descrito significa que el evento keydown se activa cada vez que se presiona una tecla. Este artículo explica el funcionamiento de un detector de eventos keydown en … Continue reading «¿Cómo funciona addEventListener para keydown en HTML 5 Canvas?»

getAttribute(): pasar datos del servidor a JSP

Posted on by Rudeus Greyrat

Supongamos que se han creado algunos datos en el lado del servidor y ahora para pasar esa información en una página JSP, se necesita el método request.getAttribute() . Esto, de hecho, diferencia los métodos getAttribute() y getParameter() . Este último se utiliza para pasar datos del lado del cliente a un JSP. Implementación 1) Primero … Continue reading «getAttribute(): pasar datos del servidor a JSP»

¿Cómo configurar iframe de pantalla completa?

Posted on by Rudeus Greyrat

El iframe en HTML significa marco en línea. La etiqueta «iframe» define una región rectangular dentro del documento en la que el navegador puede mostrar un documento separado, incluidas las barras de desplazamiento y los bordes. Un marco en línea se utiliza para incrustar otro documento dentro del documento HTML actual. Para el iframe de … Continue reading «¿Cómo configurar iframe de pantalla completa?»

¿Cómo configurar el desplazamiento suave para detenerse en una posición específica desde la parte superior usando jQuery?

Posted on by Rudeus Greyrat

El método scrollTop() en jQuery se usa para desplazarse a una parte particular de la página. Animar este método con las animaciones integradas disponibles puede hacer que el desplazamiento sea más fluido. Y, al restarle el valor especificado, el desplazamiento se detendrá desde la parte superior. Enfoque: la parte hash del enlace ancla se extrae … Continue reading «¿Cómo configurar el desplazamiento suave para detenerse en una posición específica desde la parte superior usando jQuery?»

¿Cómo subrayar todas las palabras de un texto usando jQuery?

Posted on by Rudeus Greyrat

Dada una declaración y la tarea es subrayar todas las palabras de texto de la página HTML usando jQuery. Usaremos la propiedad de decoración de texto para agregar subrayado a cada palabra. Código HTML: HTML <!DOCTYPE html> <html>    <head>     <style>         p span {             text-decoration: underline;         }     </style>        <script src= «https://code.jquery.com/jquery-git.js»>     </script> </head>    … Continue reading «¿Cómo subrayar todas las palabras de un texto usando jQuery?»

¿Cómo crear un efecto de texto de varias capas usando HTML y CSS?

Posted on by Rudeus Greyrat

El efecto de texto multicapa es uno de los efectos de texto más utilizados en el mundo del diseño web. Como diseñador o desarrollador front-end, uno debe saber cómo crear un efecto de texto de varias capas. Hoy veremos uno de los métodos más simples y fáciles para crear el efecto Múltiples capas de texto. Enfoque: … Continue reading «¿Cómo crear un efecto de texto de varias capas usando HTML y CSS?»

¿Cómo crear una animación de borde usando CSS?

Posted on by Rudeus Greyrat

La animación de borde CSS usando el desplazamiento se usa para crear una animación de borde cuando pasamos el cursor sobre un texto. Los conceptos que vamos a utilizar son los selectores before , after y hover . Se recomienda encarecidamente pasar por todos estos selectores antes de avanzar más en este artículo. Enfoque: El … Continue reading «¿Cómo crear una animación de borde usando CSS?»

¿Cómo agregar el logotipo del icono en la barra de título usando HTML?

Posted on by Rudeus Greyrat

La mayoría de los sitios web agregan un icono o un logotipo de imagen en la barra de título. El logotipo del icono también se denomina favicon. Agregar favicons también se considera bueno para el SEO de los sitios web. El favicon es la combinación del icono favorito. El atributo de enlace se utiliza para … Continue reading «¿Cómo agregar el logotipo del icono en la barra de título usando HTML?»

¿Cómo usar Bootstrap modal para videos de YouTube y reproducirlos automáticamente?

Posted on by Rudeus Greyrat

La tarea es usar modal para videos de YouTube en Bootstrap. Aquí discutiremos dos temas, incrustar videos de YouTube en el modo Bootstrap y hacer que los videos de YouTube se reproduzcan automáticamente en el modo Bootstrap. Incrustar videos de YouTube en el modo Bootstrap es muy fácil y simple de implementar utilizando el enfoque … Continue reading «¿Cómo usar Bootstrap modal para videos de YouTube y reproducirlos automáticamente?»