Вложенные и множественные проблемы <marquee>

На самом деле, я пытаюсь переместить некоторый блок в альтернативном варианте в другой. Я заработал, но оба блока не прерывают друг друга. Что мне делать? Как заставить блоки пересекать друг друга? Я пытаюсь использовать стиль: положение, но оно не работает.

Вот код, который я использовал:

<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>

Что я делаю неправильно?

Ответ 1

О, дорогой Господь!

Ну. Они не пересекаются, потому что они расположены статически один над другим. Вторая область не может быть выше первой.

Вы можете решить эту проблему, отделив шатры друг от друга, используя абсолютное позиционирование. Затем дважды вставляйте каждый из них с различным горизонтальным и вертикальным движением:

<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>

*: для значений 'x' of 'solve', где x = 'делает отвратительный беспорядок'.

Это только для иллюстрации. Пожалуйста, не используйте это.

Ответ 2

Пожалуйста, не используйте тег marquee, он нестандартен и устарел. Используйте некоторую библиотеку JavaScript, например jQuery UI для любой анимации.

Ответ 3

Используйте библиотеку JavaScript или не используйте JavaScript settimeout плюс абсолютное позиционирование и dhmtl.

Ответ 4

У меня когда-то было электронное письмо (среда, отличная от javascript) от компании, пытающейся продать мне что-то другое. Подпись использовала тег marquee для слайдов в строках по одному, а затем они оставались на месте. Это было блестяще сделано - достаточно движения, чтобы поймать глаз, и, конечно же, не заслуживает внимания, как обычно мы ожидаем от шатра.

Уроки, которые я узнал, - это а) что шатер все еще имеет свое место, независимо от того, насколько он мал, и б) "Все обобщения плохие". Что касается нестандартных/устаревших - Outlook в значительной степени диктует, что единственным правилом в электронных письмах HTML является то, что если он работает, это хорошо. Там нет пользы в полировке вы-знаете-что.