Как сделать на сайте бегущую строку
Уже давно многие визитёры интернета не чувствуют себя случайными гостями в виртуальной реальности. Тем более что обзавестись в глобальной сети своим собственным местом для работы, отдыха либо общения сейчас несложнее несложного.
А по окончании того как такое место — сайт либо страница — появляется, хочется сделать его прекраснее, информативнее, эргономичнее. Один из способов взять необходимый итог — разместить часть информации либо картин в бегущей строчке на сайте.
Вопрос «Как сделать страницу без .html» — 2 ответа
Самый несложный метод вставки бегущей строки в страницу сайта — воспользоваться готовым к применению HTML-кодом, которой безвозмездно предоставляют многие интернет-ресурсы. Данный вариант будет оптимальным, к примеру, в случае если вам требуется поместить на страницы собственного сайта новостную ленту, рыночные цены, данные игрового портала и т.д.
В этом случае необходимо обнаружить страницах выбранного интернет-ресурса готовый код, скопировать и засунуть в необходимое место HTML-кода страницы собственного сайта. Таковой вариант эргономичен не только тем, что от вас не потребуется знания скриптов, каковые создают бегущую строчок, вместе с тем не нужно будет беспокоиться о наполнении информацией таковой ленты — это будет делать машинально тот сайт, откуда забран код бегущей строки.
В случае если же наполнять бегущую строчок вам нужно собственной информацией либо картинами, придется самостоятельно составить ее код. Несложнее всего это сделать с применением особого тега языка HTML — marquee.
Он складывается из открывающей и закрывающей частей, в первой из которой указывается дополнительная информация — атрибуты. Это служебные эти, каковые информируют браузеру визитёра цветом и каким шрифтом нужно отображать текст бегущей строки, в которую сторону должно быть направлено перемещение, ширину, фон и высоту окна данной строки и т.д.
А между открывающим и закрывающим тегами и помещается сам текст новостной ленты. К примеру, в самом несложном варианте код может смотреться так: это текст бегущей строки Тут указаны только высота и ширина блока в пикселах (атрибуты width и height) и прокручиваемый текст.
Направление перемещения задается атрибутом direction, которому возможно присвоить одно из четырех значений на английском (right, left, up, down). По умолчанию текст бегущей строки закольцован — к его окончанию прикреплено его же начало, которое будет перемещаться в том же самом направлении.
В случае если применять атрибут behavior со значением alternate, то текст, дойдя до правой границы окна, поменяет направление на противоположное и будет вечно отскакивать от двух противоположных сторон (левой и правой либо верхней и нижней). Еще один серьёзный атрибут бегущей строки — scrollAmount.
Он задает скорость перемещения текста в относительных единицах — 1 свидетельствует самое медленное перемещение, 2 — мало стремительнее и т.д. Посредством атрибутов возможно задавать задержку перед прокруткой бегущей строки, количество циклов и паузу между ними, отступы от текста до границы окна этого элемента.
