Html marquee не работает

HTML MARQUEE не работает должным образом

Я использую тег MARQUEE для прокрутки трех предложений.

Первые 2 предложения прокручиваются правильно, тогда как последнее находится в завершении прокрутки в середине элемента (когда я использую полноэкранный режим 100%).

 
 
  
1. To decrease effort to plan 2018, we have copied your team planing from CW49/2017 to CW01/2018. By doing that you will have already all 2017 employees with their individual project setup available to start 2018 planning. That was only applied if no planning was avaialble yet. 2. Absence calendar 2018 available. Please select your team location and plan absence accordingly. Either use weekly or monthly planning. If detailed vacation planning per employee is known, please update the planning 3. Team leaders are requested to use the information regarding target hire date for RAT planning in their project with respect to resources joining in future. This date can be found in Menu:Reports->Team Members List page as (Internal - DD-MON-YYYY). Please use projx id:100000 for timeline prior to that date.
  
 

2 ответа

marquee -Tag не рекомендуется. Увидеть:

https://codepen.io/jamesbarnett/pen/kfmKa (автор Джеймс Барнетт — найден в поиске Google)

Маркировочная метка устарела по очень веским причинам (удобство использования, доступность и т. Д.)

Если это информация, которую вы хотите показывать пользователям по мере поступления, почему бы не использовать карусель? Их будет легче читать и легче вернуться.

 
 
First Panel
 
To decrease effort to plan 2018, we have copied your team planning from CW49/2017 to CW01/2018. By doing that you will have already all 2017 employees with their individual project setup available to start 2018 planning. That was only applied if no planning was available yet.
 
 
Second Panel
 
Absence calendar 2018 available. Please select your team location and plan absence accordingly. Either use weekly or monthly planning. If detailed vacation planning per employee is known, please update the planning
 
 
Third Panel
 
Team leaders are requested to use the information regarding target hire date for RAT planning in their project with respect to resources joining in future. This date can be found in Menu:Reports->Team Members List page as (Internal - DD-MON-YYYY). Please use projx id:100000 for timeline prior to that date.
 
 
 

jQuery инициализация

 $('.carousel.carousel-slider').carousel(); 

Вам нужно будет загрузить код библиотеки, связанный с этим.

Источник

почему тэг marquee не работает в Google Chrome.?

Работает отлично в firefox и IE, но не работает в Chrome. В чем проблема.? Пожалуйста, ответьте как можно раньше. Спасибо заранее.

Когда вы говорите, что эта функция «не работает», что именно вы имеете в виду? Для этого есть много разных значений. Чтобы помочь другим пользователям понять вашу проблему, попробуйте добавить некоторый код или jsFiddle .

5 ответов

Потому что тег marquee является преступлением против природы. И он больше не поддерживается в новых версиях Chrome.

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

Я нахожу этот ответ довольно мягким. Тег marquee вероятно, никогда не должен был создаваться, но с помощью веб-компонентов сегодня можно легко создать новый тег marquee . Дело в том, что html — это семантика, а не презентация. marquee решает, как что-то должно отображаться, а не какова информация. Конечный результат marquee тега не то , что здесь плохо. Это то, как он создан, это плохо. HTML не должен быть частью презентации, вот что не так с marquee .

marquee не поддерживается в современном html. Некоторое время назад Chrome отказался от поддержки. Вам нужно реализовать это через CSS3 или Javascript.

Далее W3C заявляет, что он нестандартный и не должен использоваться.

Эффект можно легко получить через jQuery или через CSS3

Элемент marquee имеет различные реализации, отчасти потому, что для него не было опубликованной спецификации. В HTML5 элемент точно определяется, и для черновиков HTML5 требуется поддержка marquee , как определено там. (Черновики также объявляют его «устаревшим» и «несоответствующим», но это то, что они говорят авторам, требования к реализациям разные). Однако все еще существуют ограничения и различия в поддержке, см., Например, MDN на marquee .

В этом случае это не похоже на изображение, но атрибут behavior=»alternate» вызывает проблему. Если вы удалите его, изображение также будет перемещаться по Chrome.

Это ошибка реализации, а не отсутствие поддержки. Проверка DOM в Chrome показывает, что свойство behavior имеет значение alternate , как указано, но оно просто не работает. Если вы добавляете границу к элементу marquee в CSS, изображение начинает перемещаться поочередно, но всего несколько пикселей вправо и влево.

Если вы действительно чередуете направление, лучше всего использовать другую технику вместо marquee . Например, простое движущееся изображение может быть реализовано с использованием JavaScript, так что положение изменяется в цикле, используя таймер, а затем вы также можете легко реализовать переменное направление. Альтернативно, возможно, проще, но не так надежно (из-за ограниченной поддержки браузера), вы можете использовать анимацию CSS3.

Источник

Почему тэг marquee не работает в Google Chrome.?

Он отлично работает в Firefox и IE, но не работает в Chrome. В чем проблема.? Пожалуйста, ответьте как можно раньше. Заранее спасибо.

5 ответов

Поскольку marquee бирка это преступление против природы. И это больше не поддерживается в новых версиях Chrome.

marquee не поддерживается в современном HTML. Chrome прекратил поддержку для него некоторое время назад. Вы должны реализовать это через CSS3 или Javascript.

Далее W3C заявляет, что он нестандартный и не должен использоваться.

Эффект можно легко получить с помощью jQuery или CSS3.

marquee Элемент имеет различные реализации, отчасти потому, что не было опубликованной спецификации для него. В HTML5 элемент определяется точно, а черновики HTML5 требуют поддержки marquee как определено там. (Проекты также объявляют его «устаревшим» и «несоответствующим», но это как раз то, что они говорят авторам; требования к реализациям различны.) Однако, в поддержке все еще есть ограничения и различия, см., Например, MDN о marquee ,

В этом случае это не изображение, а атрибут behavior=»alternate» это вызывает проблему. Если вы удалите его, изображение будет перемещаться и в Chrome.

По-видимому, это ошибка реализации, а не отсутствие поддержки. Проверка DOM в Chrome показывает, что behavior свойство имеет значение alternate как указано, но это просто не работает. Если вы добавите границу к marquee элемент в CSS, изображение начинает двигаться попеременно, но всего на несколько пикселей вправо и влево.

Если вы действительно меняете направление, то, вероятно, лучше использовать какую-то другую технику вместо marquee , Например, простое движущееся изображение может быть реализовано с использованием JavaScript, так что позиция изменяется в цикле с использованием таймера, а затем вы также можете легко реализовать переменное направление. В качестве альтернативы, возможно, проще, но не так надежно (из-за ограниченной поддержки браузера), вы можете использовать анимацию CSS3.

Источник

Marquee умер, да здравствует marquee

Тег известен многим. Этот тег позволяет создавать на странице простейшую анимацию в виде плавного скроллинга текста. появился в Internet Explorer и не является стандартным тегом, тем не менее, поддерживается большинством браузеров в целях совместимости. В наши дни W3C не рекомендует использовать .

Однако не многие знают, что marquee обретает жизнь в новом лице.

Согласно этой спецификации (последняя редакция от 5 декабря имеет статус W3C Candidate Recommendation) в CSS 3 будет введен набор свойств для реализации механизма marquee.

overflow-style

Это свойство устанавливает стиль для известного всем свойства overflow. Принимает следующие значения:
auto — автоматический выбор
marquee-line — скролл по горизонтали;
marquee-block — скролл по вертикали.

marquee-style

Устанавливает стиль анимации. Принимает следующие значения: scroll, slide, alternate.

marquee-play-count

Устанавливает количество повторов для анимации текста. Может принимать значение «infinite».

marquee-direction

Устанавливает направление анимации. Принимает значения: forward или reverse.

marquee-speed

Устанавливает скорость анимации. Принимает значения: slow, normal или fast.

Пример определения стиля

li overflow-style: marquee-block;
marquee-play-count: infinite;
marquee-speed: slow;
marquee-style: scroll;
marquee-direction: reverse;
>

Заключение

Похороны состоялись давно, но иногда его все еще можно встретить на некоторых страницах в интернет. С приходом CSS3 такие встречи буду более частыми, поскольку этот стандарт предлагает альтернативу мертвому тегу разметки.

Источник