Вложенные и множественные <marquee>неприятности - PullRequest
Новая
       12

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

65 голосов
/ 19 января 2009

На самом деле я пытаюсь переместить какую-то коробку в другую. Я заставил это работать, но оба блока не перебивают друг друга. Что я должен делать? Как я могу сделать так, чтобы блоки пересекались? Я пытаюсь использовать 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>

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

Ответы [ 4 ]

69 голосов
/ 19 января 2009

О, Господи!

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

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

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

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

51 голосов
/ 19 января 2009

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

5 голосов
/ 19 января 2009

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

3 голосов
/ 04 марта 2009

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

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

...