Слайдер і ротатори банерів і посилань

Найпростіший ротатор банерів

Найпростіший ротатор показує банери в довільному порядку, кожен раз змінюючи відображається картинку при відкритті або оновленні (кнопка F5) сторінки. Показ (ротація) банерів в випадковому порядку іноді призводить до повторення одних картинок і ігнорування інших, що особливо помітно при частому оновленні сторінки. Якщо цим дефектом знехтувати, то в цілому - це досить простий і непоганий ротатор банерів.

Ротатор посилань "рядок, що біжить"

За основу роботи цього ротатора банерів узятий тег . який створює ефект біжучого рядка. При цьому текст або інший об'єкт переміщається по полю веб-сторінки в межах відведеного йому місця:

Текст рядка, що біжить може бути дуже великий і складатися з багатьох посилань

Код для простої рухомого рядка має вигляд:

Атрибути рядка, що біжить

Далі починаються атрибути тега (Атрибути рядка, що біжить), які керують переміщенням об'єкта в межах поля скроллінгом (поля переміщення). Переміщуються об'єктом може бути не тільки текст, а й будь-яке інше об'єктне оформлення сторінки, наприклад - таблиця або зображення. При цьому, підтримуються всі стандартні атрибути для форматування стилю переміщуваних об'єктів. які записуються в стандартний стайл.

відповідно, код для біжучого рядка буде такий (як варіант):

style = "width: 500px;
height: 56px;
color: # FF0000;
font-size: 12px; ">
Біжучий рядок

    Біжучий рядок

        Біжучий рядок

і приклад роботи такого рядка:
Біжучий рядок
Біжучий рядок
Біжучий рядок

Код для біжучого рядка узятий з попереднього прикладу, в нього просто доданий атрибут bgcolor = "# BB99CC":

bgcolor = "# 66ff33"
style = "width: 500px;
height: 56px;
color: # FF0000;
font-size: 12px; ">
Біжучий рядок

    Біжучий рядок

        Біжучий рядок

Приклад роботи коду:

Біжучий рядок
Біжучий рядок
Біжучий рядок

Атрібутdirection управляє напрямком руху переміщення об'єкта або тексту і приймає значення left, right, up, down, відповідно - вліво, вправо, вгору, вниз.

код
Біжучий рядок
Біжучий рядок
Біжучий рядок
Біжучий рядок
Приклади, відповідно: