javascript - spec - Problemas anidados y múltiples<marquee>

html spec

Question

En realidad estoy tratando de mover una caja de forma alternativa con otra caja. Lo hice funcionar, pero ambos bloques no se interrumpen. ¿Que debería hacer? ¿Cómo puedo hacer que los bloques se crucen? Intento usar style: position, pero no funciona.

Aquí está el código que he estado usando:

<marquee direction="down" behavior="alternate" scrollAmount=10 style="border:2px solid blue;">
  <marquee behavior="alternate" scrollAmount=50 >
    <img src="img1.JPG">
  </marquee>
  <marquee behavior="alternate" scrollAmount=10 >
    <img src="img1.JPG">
  </marquee>
</marquee>

¿Qué estoy haciendo mal?

Answer 1

¡Oh querido señor!

Bien. No cruzan porque están posicionados estáticamente uno encima del otro. La segunda marquesina no puede ir por encima de la primera.

Puede resolver * este problema destrabando las marquesinas entre sí utilizando el posicionamiento absoluto. Luego doble cada uno con diferentes movimientos horizontales y verticales:

<div style="border:2px solid blue; position: relative;">
    <marquee direction="down" behavior="alternate" scrollAmount="10">
        <marquee behavior="alternate" scrollAmount="50"><img src="img1.jpeg" alt="oh no" /></marquee>
    </marquee>
    <marquee direction="down" behavior="alternate" scrollAmount="20" style="position: absolute; top: 0;">
        <marquee behavior="alternate" scrollAmount="10"><img src="img1.jpeg" alt="help meee" /></marquee>
    </marquee>
</div>

*: para los valores ''x'' de ''resolver'' donde x = ''hacer un desastre horrible''.

Esto es sólo para fines ilustrativos. Por favor no use esto.

Answer 2

No utilice la etiqueta de marquesina, no es estándar y está obsoleta. Utilice alguna biblioteca de JavaScript como jQuery UI para cualquier tipo de animación.

Answer 3

Una vez tuve un correo electrónico (un entorno sin JavaScript) de una compañía que intentaba venderme algo u otro. La firma usó la etiqueta de marquesina para deslizarse en las líneas una a la vez, y luego se quedaron. Estaba brillantemente hecho, solo el movimiento suficiente para llamar la atención, y ciertamente no es digno de confianza, como normalmente esperamos de marquesina.

Las lecciones que aprendí son a) que la marquesina todavía tiene su lugar, sin importar cuán pequeña sea, yb) ''Todas las generalizaciones son malas''. En cuanto a no estándar / obsoleto: Outlook ha dictado que la única regla en los correos electrónicos HTML es que si funciona, es bueno. No sirve de nada pulir un "ya sabes".

Answer 4

Utilice una biblioteca de JavaScript o, si no, utilice el settimeout de JavaScript más el posicionamiento absoluto y dhmtl.