Як зробити біжить текстовий блок?
У цьому уроці ми навчимося робити біжить блок тексту. Текст рухається від низу до верху. При наведенні мишки текст зупиняється. Такий блок зручний тим, що він легко масштабується. Тут можна використовувати все html-теги в тому числі і посилання.
Ви напевно вже помітили, що такий біжить блок я використовую на цьому сайті, тут я виводжу найбільш значущі події і новини. Цей блок у мене так і називається Новини сайту. Приклад роботи скрипта Ви бачите нижче і трохи вище і правіше:
Реалізується такий блок дуже легко. У потрібне місце своєї web-сторінки вставляєте код лістингу 1. Давайте спочатку подивимося код, а потім розберемося:
Отже, тепер давайте розбиратися. Що тут Вам можна змінювати і що на що впливає?
Візуально весь код лістингу 1 розбитий на 5 абзаців, зроблено це для зручності зорового сприйняття.
Дивимося 1-й абзац коду. Значення scrollAmount = "5" цифра в лапках, вказує на швидкість переміщення тексту. Як бачите в прикладі вказана цифра 5, чим вона більша, тим швидше рухається текст. Наприклад в блоці Новини сайту (дивіться вище і правіше) стоїть значення 2. Значення width = "350" визначає ширину блоку, в даному випадку вказано 350 пікселів. Значення height = "150" визначає висоту блоку, в даному випадку 150 пікселів. Всі ці числові значення Ви можете сміливо змінювати на свій розсуд. Більше нічого чіпати не треба!
Абзаци 2, 3 і 4. Це власне кажучи і є біжать новини, кожен абзац - окрема новина або текстовий блок. Додавати таких абзаців можете скільки завгодно, в даному випадку у мене їх три. Розберемо один з абзаців, наприклад 2-й:
Останній (5-й) абзац в лістингу 1 - це просто закриває тег, його чіпати не треба!
От і все. Копіюйте, редагуйте свій текст і оформлення, і біжить текстовий новинний блок готовий.
Скрипт: Фонова музика на сайті з панеллю керування.
Створення електронних книг за Вашими замовленнями.
Що корисного нам може дати біржа купівлі та продажу посилань Sape?
Як створити RSS-канал новин на сайті?
Як зробити красиву 3D обкладинку. Практичний посібник.
Поділіться цією інформацією зі своїми друзями!
уроки HTML
CSS уроки
статті
Інструменти
Шаблони сайтів
книги
прикраси
Сайт від А до Я
Заробити в інтернеті
Обман в Інтернеті
Охорона праці
МОДУЛЬНІ КАРТИНИ
PHP УРОКИ
послуги
скрипти
SEO
jQuery
Спеціальна оцінка умов праці (Соуто) - АРМ
Платіжні системи Інтернету
УРОКИ ФОТОШОП
секретний розділ
Як заробити гроші в Інтернеті?
Створи свій ИнфоБизнес
Хочете заробити?
2-х рівнева
Партнерська програма!
Приєднуйтесь.
Модульна картина: Розкіш червоного оксамиту
Модульна картина абстракція: Енергія сонця
Модульна картина: Сині троянди
Модульна картина: Водоспад
Модульна картина: Орхідеї
Реєстрація доменів
ТОВ "ПК" ЛюксСтрой "
Якщо Вам сподобався
наш сайт, встановіть
Нашу посилання. і
Отримайте подарунки.