Cómo crear una barra de desplazamiento horizontal de imagen usando css barra de desplazamiento horizontal css

Configuración de la barra de desplazamiento horizontal CSS Como principiante en HTML, encontré un problema: necesitaba colocar varias imágenes en un marco y luego arrastrarlas horizontalmente.

La idea es sencilla. Establezca el ancho y el alto directamente en el div. y agregue el atributo "overflow:auto;". Pero la operación real es encontrar que la imagen es siempre una línea nueva y la ventana solo puede desplazarse hacia arriba y hacia abajo.

Más tarde descubrí la causa del problema. Debido a que la imagen se agregó directamente al div, la imagen se adaptaba al tamaño del div y se ajustaba automáticamente. Para lograr el efecto de no ajustar líneas, debe anidar una capa de div2 en el div y establecer el ancho de div2 en gt;:Divwidth para garantizar que la imagen no se desborde en la dirección del eje horizontal. resultando en una barra de desplazamiento horizontal.

¿Cómo utilizar una página web para crear un efecto de desplazamiento de imágenes?

¿Tengo que usar CSS? ¿Qué pasa con el uso de js? En pocas palabras, js implementa tres eventos. 1. El desplazamiento predeterminado se puede lograr con la función setinterval 2. Para detener el desplazamiento cuando pasa el mouse, puede usar la función cleartimeout en el evento de desplazamiento. al hacer clic, puede colocar cada imagen en una etiqueta. Además, existen algunos complementos de este tipo en github. Si los necesita, puede consultarlos.

¿Código de texto HTML para desplazarse hacia arriba y hacia abajo, por ejemplo?

Para lograr el desplazamiento, agregue código como este: rrUP está arriba, DOWN está abajo, Left está a la izquierda y Right está a la derecha. Estas dos propiedades determinan la velocidad (scrollamount) y el retraso (scrolldelay) del desplazamiento del texto, y los valores de los parámetros son todos enteros positivos. Como se muestra a continuación: rr Escriba el código según sus necesidades, ¡espero que le ayude!

¿Cómo importar fotos a HTML y convertirlas en desplazamiento?

1.

Establecer fondo Configure el fondo de la página como relleno de imagen, seleccione la imagen y córtela, al configurar el formato de fondo, seleccione relleno de imagen o textura y finalmente haga clic en Insertar desde Las imágenes del portapapeles son suficientes.

2.

Inserte cuadros de texto en cuatro cuadros de texto de la página, ingrese aleatoriamente algunos números verticalmente y escalone los cuadros de texto

3.

Agregar animación Agregue una animación de ruta lineal a los cuatro cuadros de texto: En este paso, se completa el efecto general del desplazamiento numérico:

4.

Enmascaramiento de bloques de color El siguiente Lo que tenemos que hacer es usar bloques de colores para enmascarar los números que no queremos mostrar. Dado que el bloque de color no se mezcla con el fondo, ¡la página aún se ve muy dura!