Код для отскока в шатре не работает в браузере Google Chrome ... Почему это так?
Код:Не работает в Google Chrome?
<marquee height=200 width=1200 behavior=alternate>...</marquee>
Какое поведение будет работать в Google Chrome?
От w3.org:
Нет, на самом деле. не используйте его.
Отметьте также, что шатры всегда были оскорбительны для большинства пользователей. Вот почему вы, вероятно, не должны пытаться эмулировать это поведение с помощью JavaScript или другими способами.
Есть случаи, когда шатер определенно нужен. На ум приходит эмуляция последних новостей или последних данных фондового рынка. Или когда клиент абсолютно хочет эту функцию. В этом случае следует использовать JavaScript-решение. –
Я уверен, что это плохой интерфейс даже для обмена. Это просто ностальгическое издевательство над интерфейсами того времени, в котором это было технически необходимо. –
Ну, когда CSS3 широко поддерживается, эта функциональность вернется в действие со свойствами типа «marquee-direction», поэтому концепция кажется достаточно полезной. –
Здесь вы хотите добиться того, что вместо того, чтобы использовать JavaScript:
http://jscroller2.markusbordihn.de/example/alternate/
Лучший способ заключается в использовании выше библиотеки. На этом сайте приведены примеры и документация о том, как реализовать его с нуля. Связанный пример достигает того же, что вы хотели с тегом <marquee>, теперь он устарел.
Удачи вам!
+1 для обеспечения альтернативы '
Код, безусловно, правильный. Вероятно, проблема заключается в том, что ширина намного дороже. Если текст не шире ширины, почему текст должен двигаться?
Проверьте этот минимальный рабочий пример на jsfiddle.
Для демонстрационных целей я добавил зеленую рамку, чтобы увидеть, как работает marquee. При изменении высоты вы можете наблюдать, как пробелы растут, но текст остается только один линия.
Просто поиграйте с width и height.
<marquee style="border: 1px solid green; width: 200px; height: 50px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent
pellentesque malesuada nunc a placerat. Nulla facilisi. Maecenas facilisis
consequat semper. Nullam eget dui libero. Maecenas eget est pretium arcu
malesuada elementum. Proin quis quam auctor dolor pharetra blandit eget id
tellus. Nunc at mattis nunc. In hac habitasse platea dictumst. Phasellus eu
quam ac tellus tempor ornare id id nisi. Suspendisse vitae est elit, eu
placerat risus. Nulla fringilla cursus libero sed imperdiet. Morbi et turpis
diam, in commodo diam. Vivamus volutpat laoreet nibh, a facilisis augue
tincidunt ac. Nulla at mi tortor.
</marquee>
Пожалуйста, имейте в виду, что marquee тег не является частью стандарта больше, как было сказано другими. Возможно, вы можете проверить некоторые JavaScripts, имеющие еще больше возможностей, чем этот устаревший тег.
Ohhh ... ok thank u теперь я могу это понять. – Shanpriya
Если мой ответ решил ваш вопрос, подумайте о том, чтобы обозначить его как «принятый ответ» или предоставить более подробную информацию в своем вопросе, чтобы получить дополнительную помощь. Не знаете, как принять ответ? См. Http://meta.stackexchange.com/a/5235 – Jan
Проблема заключается в атрибуте 'behavior = alternate', который не поддерживается Chrome. –