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

StackOverflow https://stackoverflow.com/questions/456815

  •  19-08-2019
  •  | 
  •  

Вопрос

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

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

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

Что я делаю не так?

Это было полезно?

Решение

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

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

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

<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' из 'solve', где x= 'устроить отвратительный беспорядок'.

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

Другие советы

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

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

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top