Замените тег marquee допустимым XHTML | ВесьТоп создание и продвижение сайтов

Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

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

Замените тег marquee допустимым XHTML

Замените тег marquee допустимым XHTML

Тег HTML marquee используется для автоматической прокрутки текста. Текст, помещенный между тегами marquee, отображается браузером как перемещающийся текст по горизонтали или вертикали. Не используйте тег marquee главным образом по следующим причинам: код страницы, содержащей выделение, не является допустимым XHTML; браузер загружает процессор компьютера; движение не плавное, а прерывистое, и в результате оно выглядит некрасиво и трудночитаемым. Здесь есть уродливые примеры.

Допустим, у вас есть страница, содержащая код прокрутки новостей. Подобно этому:

lt; div class = «news» gt;

lt; направление выделения = «вверх» scrollamount = «2» loop = «true» gt;

лт, ульгт;

lt; ligt; lt; h4gt; lt; span class = «orange» gt; Заголовок 1lt; / spangt; lt; / h4gt; lt; pgt; Текст новости 1lt; / pgt; lt; / ligt;

lt; ligt; lt; h4gt; lt; span class = «orange» gt; Заголовок 2lt; / spangt; lt; / h4gt; lt; pgt; Текст новости 2lt; / pgt; lt; / ligt;

lt; ligt; lt; h4gt; lt; span class = «orange» gt; Заголовок 3lt; / spangt; lt; / h4gt; lt; pgt; Текст новости 3lt; / pgt; lt; / ligt;

  lt; / ulgt;

lt; / marqueegt;

lt; / divgt;

При попытке пройти страницу через валидатор возникает ошибка, подобная следующей:

Строка 41, столбец 52: атрибут «НАПРАВЛЕНИЕ» не является допустимым атрибутом.

lt; направление выделения =«вверх» scrollamount = «2» loop = «true» gt; lt; ulgt; …

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

Замените тег marquee на jQuery

Лучшее решение этой проблемы — переработать эту часть кода отображения новостей в JavaScript.

Следующий пример основан на коде Easy Slider 1.5 для прокрутки текстового содержимого и изображений. Этот код, в свою очередь, полагается на библиотеку jQuery.

Скопируйте файлы:

http://arthuradams.bg/jscripts/jquery.js

http://arthuradams.bg/jscripts/easySlider1.5.js

http://arthuradams.bg/jscripts/slider.js

и загрузите их в каталог jscripts, который находится в основном веб-каталоге.

Поместите файл http://arthuradams.bg/css/slider.css в / css

Файлы кнопок прокрутки (сделанные мной)

http://arthuradams.bg/images/btn_prev.gif

http://arthuradams.bg/images/btn_next.gif

поместить в каталог / images

На странице, которая будет отображать новости между тегами заголовка, включите файлы

lt; тип сценария = «текст / javascript» src = «jscripts / jquery.js» gt; lt; / scriptgt;

lt; тип сценария = «текст / javascript» src = «jscripts / easySlider1.5.js» gt; lt; / scriptgt;

lt; тип сценария = «текст / javascript» src = «jscripts / slider.js» gt; lt; / scriptgt;

lt; ссылка href = «css / slider.css» rel = «stylesheet» type = «text / css» media = «screen» / gt;

Я заменяю весь блок div id = news на:

lt; div id = «слайдер» gt;

лт, ульгт;

lt; ligt; lt; h4gt; lt; span class = «orange» gt; Заголовок 1lt; / spangt; lt; / h4gt; lt; pgt; Текст новости 1lt; / pgt; lt; / ligt;

lt; ligt; lt; h4gt; lt; span class = «orange» gt; Заголовок 2lt; / spangt; lt; / h4gt; lt; pgt; Текст новости 2lt; / pgt; lt; / ligt;

lt; ligt; lt; h4gt; lt; span class = «orange» gt; Заголовок 3lt; / spangt; lt; / h4gt; lt; pgt; Текст новости 3lt; / pgt; lt; / ligt;

lt; / ulgt;

lt; / divgt;

Вот и все.Полученный код является правильным XHTML, и движение намного более плавное.  Вы также можете использовать кнопку со стрелкой вверх, чтобы вернуться к предыдущей новости, где движение остановилось, чтобы вы могли легко ее прочитать. Настройки трафика, такие как скорость, секунды, в течение которых новости останавливаются, и многое другое.  задаются файлом jscripts / slider.js

На каждой странице сайта есть рабочий код для обучения менеджменту и маркетингу arthuradams.bg

Слайдер позволяет прокручивать не только текст, но и изображения.

Читайте так же:
Not found

Нам доверяют

Интернет магазин