https://stackoverflow.com/questions/4423618
-
09-10-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianВопрос
я знаю это <marquee> Теги злые.
Если это так плохо иметь прокрутку текста, то используя JS, чтобы получить тот же эффект, не делает его лучше, верно?
И предположим, что я решил иметь прокрутку текста (вздох), Есть ли какой-то тип CSS (3?) или HTML (5?) Способ сделать это, это технически правильно (то есть не устарело)?
Если нет решения CSS / HTML, я должен использовать:
- JavaScript, который будет тяжелее для скачивания и может быть выключен (это то, что Pro или Con?), Но я получаю бонус быть правильным и действительным и неподанным и неуможенными и умными,
или я должен использовать
- ненавидел
<marquee>(u003Cblink>u003Cblink> ) тег, который легкий (19 байт!), полностью поддерживаемый всеми браузерами во всех режимах рендеринга и всеми дочинками (даже если это не должно быть), но устарело?
Спасибо.
PS Я думаю, что тикарь новостей - это правильное использование для стиля шарвинов
PPS, если кто-нибудь говорит мне, что если я не хочу, если я не хочу, чтобы я не хочу, чтобы я не хотел использовать HavaScript, я должен использовать jQuery, потому что он легкий, я буду снимать их в комментариях
Редактировать: Я добавляю тег jQuery, поскольку, поскольку, кажется, это лучший способ получить внимание от многих экспертов на вопросы JS, и здесь не совсем не связано.
Решение
Это не тот эффект, который плохой. Проблема с метками MARQuee, Brinke и Font - это то, что они передают презентацию не структурируют ваш контент.
Другие советы
CSS3 имеет поддержку Marquee, но он поддерживается только в нескольких браузерах (Safari и Chrome - единственный, для моих знаний)
http://www.w3.org/tr/csss3-marquee/
Есть несколько плагинов jQuery, которые его выполняют, но они приходят за счет загрузки jQuery (26 КБ, тяжелее только для решения HTML, но не то, что я бы назвал тяжелыми)
http://plugins.jquery.com/plugin-tags/marquee.
Конечно, вы можете легко сделать это самостоятельно без jQuery, но глядя на эти плагины, могут дать вам идеи.
Другой вариант для рассмотрения - это сделать небольшую флэш-анимацию.
Если вы уверены, что он работает на всех платформах, на которые вы стремитесь, и вам все равно, что говорит W3C, что вы, безусловно, можете использовать тег шарвита. Вы не можете найти решение JavaScript, которое работает менее чем за 14 байтов.
Единственное несчастное в том, что причина, по которой все эти браузеры поддерживают все эти устаревшие элементы, которые являются - в этом случае, даже не частью любого стандарта HTML, является из-за всех этих людей, использующих эти элементы и начать ныть, когда новая версия не больше поддерживать свой веб-сайт, совместимый 1982.
Поэтому, пожалуйста, продолжайте и используйте Marquee до тех пор, пока он работает для вас, но, пожалуйста, не жалуйтесь, если ваш сайт перестанет работать в новом браузере.
Вот код Это реализует элемент шарвита в Firefox, в любом случае, в основном делает его в JavaScript, поэтому вы всегда можете просто адаптировать этот код и использовать его непосредственно во всех браузерах.
Код может быть взломан, так что шатер может быть реализован на любом элементе Firefox, применяется через CSS и привязки XBL (Только Firefox Пример). Эквивалент в IE будет поведение, и вы могли бы использовать CSS3 в Safari / Chrome, как предложил Нико, и вы будете держать презентационные вещи из вашей разметки, но только вы можете знать, стоит ли ли он усилий.
Я искал больше всего эффективный а также кросс-браузер поддерживается Реализация MARQuee. По какой-то причине даже реализация Marquee Webkit CSS CSS - глюки.
Общий подход состоит в том, чтобы использовать таймер (или jQuery Animate реализацию) для регулировки свойства CSS Margin элемента. Это слишком глюки и очень неэффективно. Я придумал реализацию, которая использует переходы CSS3 для браузеров, которые поддерживают его и в противном случае анимируют scrollLeft Свойство содержащего элемента. Это экспериментальная реализация, хотя он хорошо работает с IE7 +. Другие люди могут также найти это полезным, https://github.com/gajus/marquee (Демо https://dev.anuary.com/60244f3a-b8b2-5678-bce5-f7e8742f0c69/).
Недавно я должен был сделать этот эффект для клиента, и я использовал этот плагин, который очень прост в использовании:
