!!Внимание!!
Для того чтобы лучше использовать наши ресурсы, нажав здесь , и стать одним из участников нашего проэкта!
Бесконечная бегущая горизонтальная строка контента на jQuery » 2xlka.ru

ZEOS

*** 2xlka.ru Все для Планшетов и Смартфонов. Все самое лучшее для Android от самых первых версий и до последних. Все это только у нас!!!!***
Скрыть рекламный блок

Рaзделы

Книжный магазин ЛитРес

SABRINAVI-магазин женской одежды

Новости партнеров

Авторизация

шаблоны dle 9.7бесплатно.

Сейчас на сайте

Сейчас на сайте: 2
Гостей: 2

Пользователи: 

- отсутствуют

Роботы: 

- отсутствуют

 Последние посетители: 

Топ по медалям и очкам

1. Ник: AYAKS - Медалей: 3
2. Ник: bars - Медалей: 3
1. Ник: AYAKS - Очков: 1200
2. Ник: bars - Очков: 1200

Игроы от Gamme - Boos

Опрос

Оцените работу движка [Все опросы]

Лучший из новостных
Неплохой движок
Устраивает ... но ...
Встречал и получше
Совсем не понравился

Реклама

Реклама

Labirint.ru - ваш проводник по лабиринту книг

Статистика

Гл. Администратор: 1
Админестратор: 1
Супермодератор: 0
Пользователей: 3149 [+7]

Счетчики

waplog Рейтинг@Mail.ru Яндекс.Метрика
АвторАвтор: AYAKS | ДатаДата: 1-12-2017, 04:05
Бесконечная бегущая горизонтальная строка контента на jQuery


Зачастую контент на вашем сайте велик и вам хочется уместить его на первом экране. Что ж, решение есть – это поместить его в бегущую строку.
Что такое бегущая строка? Это некая область, отведенная под контент, который в прямом смысле пробегает в этой области.
Что в нашем случае мы подразумеваем под «бесконечной»? Это значит, что если контент в строке закончится, то цикл прокрутки начнется заново, и так без остановки.
Реализация этой бегущей строки – следующая.
1. Скачайте архив в конце статьи, содержимое загрузите на ваш сайт в удобную для вас папку.
2. Перед закрывающим тегом подключите скрипт:
<script src="/js/endless_scroll.js"></script>
<script>
	$(window).load(function () {
		$("#content").endlessScroll({ 
			width: '500px', // Ширина строки
			height: '30px', // Высота строки
			steps: -2, // Шаг анимации в пикселях. Если число отрицательное - движение влево, положительное - вправо
			speed: 50, // Скорость анимации (0 - максимальная)
			mousestop: true // Останавливать ли полосу при наведении мыши (да - true, нет - false)
		});
	});
</script>

И по желанию измените настройки. Не забывайте прописать корректный адрес до файла.
3. Далее в нужное место сайта вставьте ваш контент, обернутый в:
<div id="content">
	Ваш контент
</div>

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

Размер: 1007 байт

Скачать бесплатно с Яндекс Диска : Бесконечная бегущая горизонтальная строка контента на jQuery
Поделиться интересной новостью с сайта 2xlka.ru или рекомендовать своим друзьям :

Прямая ссылка:
BB-code ссылка:
HTML ссылка:

Другие новости на эту тему:

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

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.