Последняя новость, исчезает благодаря jQuery v1

·	22.09.2013, 10:23
Сегодня мы будем создавать небольшой контейнер div, в котором будет размещаться последняя новость вашего сайта, но она будет не просто отображаться, а исчезать и заменять себя другой новостью, этакая карусель новостей так сказать, давайте взглянем на Демо и всё поймём без лишнего описания. Шаг-1 JS: Следует установить на странице сайта, после тега body, следующие скрипты: JS `<script type="text/javascript" src="http://ucoz-helper.ucoz.com/vid_info/newsticker.js"></script> <script type="text/javascript"> $(document).ready( function() { $("#news").newsTicker(); parseSamples(); } ); </script>` Шаг-2 Html: Заходим в админ панель => Инструменты Информеры => Создать информер Раздел: новости Тип данных: материалы Способ сортировки: рейтинг материала Количество материалов: 5 Количество колонок: 1 и устанавливаем в него следующий код: HTML-Code `<li><a href="$ENTRY_URL$">$TITLE$</a></li>` и устанавливаем в нужное место страницы информер: HTML-Code `<ul id="news"> $MYINF_1$ </ul>` Шаг-3 Css: Устанавливаем css стили, в которых пропишем основные атрибуты, рамку, фон, ширину контейнера и внутренний отступ. CSS-Code `.newsticker { font:12px Verdana,Arial,Helvetica, sans-serif; font-weight: bold; text-shadow: 1px 1px 1px #fff; list-style-type: none; outline: 1px solid #D0D0D0; border:1px solid #fff; width:300px; background: #F4F5F6; padding: 5px; margin: 0; }` Всё теперь у нас установлен контейнер с последней новостью на сайте.
1 2 3 4 5 Категория: Вид информеров \| Добавил: tashkent97
Просмотров: 374 \| Загрузок: 262 \| Источник: center-dm.ru \| Рейтинг: 5.0/1

Всего комментариев: 0