Вложенные и множественные ‹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>

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


javascript html marquee
person praveenjayapal    schedule 19.01.2009    source источник
comment
проголосовал за ностальгию и амбиции плаката   -  person Toby Hede    schedule 19.01.2009
comment
Ваш вопрос теперь известен :)   -  person lubos hasko    schedule 22.01.2009
comment
Для этого нужно больше ‹мигания›   -  person Psycho_Penguin    schedule 22.01.2009
comment
мигать! мигать! мигать! ...   -  person Ishmael    schedule 03.02.2009
comment
Я моргнул, когда прочитал вопрос.   -  person Michael Myers    schedule 16.11.2009
comment
Вы можете найти более конкретные и полезные ответы, если спросите, что я делаю правильно?   -  person palswim    schedule 19.08.2010

Ответы (4)


arrow_upward
69
arrow_downward

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

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

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

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

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

person bobince    schedule 19.01.2009
comment
В IE 7 для меня верхняя область выделения закрывает нижнюю, поэтому вы видите только одно изображение, прыгающее по окну. Не уверен, что другие браузеры будут иметь проблемы с этим. - person Psycho_Penguin; 22.01.2009
comment
Помещение второго набора выделений в другой div и присвоение ему более высокого z-индекса, похоже, решает эту проблему. По какой-то причине вы не можете просто указать z-index для выделения. - person Psycho_Penguin; 22.01.2009
comment
Интересно, спасибо за уловку - я тестировал только в 'fox3, так как не мог смотреть на результаты дольше, чем нужно :-) - person bobince; 22.01.2009

arrow_upward
51
arrow_downward

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

person Baishampayan Ghose    schedule 19.01.2009
comment
Ха-ха! Я считаю, что единственное место, где сейчас может существовать шатер, это «История Музея WWW». Это так похоже на Web 0.01... - person Baishampayan Ghose; 19.01.2009
comment
marquee предпочтительнее анимации по сценарию, потому что есть браузеры, в которых она не работает. Любой случай, когда такой эффект не работает, должен быть хорошим. - person bobince; 19.01.2009
comment
@bobince Это какие-то дрянные браузеры, которые вы используете ;-) - person Ross; 19.01.2009
comment
marquee работает нормально, если он сочетается с blink, font-site: xx-large и font-color: red. - person Michael Stum; 23.01.2009
comment
это не только нестандартно, но и объявлено устаревшим en.wikipedia.org/wiki/Marquee_tag ( несмотря на то, что Джефф или Джоэл сказали в подкасте о том, что это «во всех браузерах», вы не должны его использовать) - person Simon_Weaver; 24.01.2009

arrow_upward
5
arrow_downward

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

person Bjorn    schedule 19.01.2009
comment
Забавно, что это по сути то же самое, что и ответ с самым высоким рейтингом, но он отрицательный. Глупые избиратели. Если вы проголосовали против этого, вы также проголосовали против первого? - person Adam Davis; 23.01.2009
comment
@ Адам, поскольку он уже был предоставлен в качестве ответа до того, как он опубликовал его, тогда вопрос не нуждается в двух одинаковых. Кроме того, он мог просто попытаться поднять репутацию, скопировав самый высокий ответ. - person Evan Fosmark; 24.01.2009
comment
Я не был. Я просто отвечал на вопрос. Я не думаю, что это заслуживает -5, но тем не менее. - person Bjorn; 26.01.2009

arrow_upward
3
arrow_downward

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

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

person Community    schedule 04.03.2009
comment
Я думаю, учитывая электронную почту, сеть еще недостаточно развита. Использование веб-методов из HTML1/2 в электронных письмах является распространенным явлением, поскольку весь макет div не работает со многими клиентами. Дизайн с полной таблицей все еще часто используется. В таком случае не так уж и стыдно использовать marquee. Однако мне это никогда не нравилось, потому что оно отображается по-разному в разных браузерах, что в первую очередь портит смысл наличия бегущей строки - person xaddict; 23.08.2009
comment
Кстати. это поведение «слайда» тега выделения. входя с одной стороны, переходя на другую, а затем останавливая движение. совместимость с браузером:IE:2.0 | НН:7.0 | МОЗ:1.01 | ФФ:1.0 | ОП: 7.20 - person xaddict; 23.08.2009