| Тихий_дон | Дата: Вторник, 30.08.2011, 16:00 | Сообщение # 1 |
|
Главный админ
Группа: Нейтрал
Сообщений: 877
Награды: 17
Репутация: 102
Статус:  Прикольная лента, в которой перелистываются заранее вставленные вами элементы.
Отлично подойдёт для онлайн кинотеатров для ТОП-10 фильмов.
На скрине не видно какой эффект создаёт лента, поэтому вот здесь пример: http://vse4all.ru/js-lenta.html
И так, приступим:
1. Скачиваем прикрепленный ниже архив, и загружаем папку js-lenta в корень сайта
2. В head ставим:
<link type="text/css" rel="stylesheet" href="/js-lenta/main.css" media="all" />
<script language="javascript" src="/js-lenta/mootools.svn.js" type="text/javascript"></script>
3. В нужное вам место вставляем (Туда, где будет лента):
<div id="webShowcase"></div>
<div id="service_overview">
<h2>Ваша надпись</h2>
<p>
<div id="NewsTicker">
<div id="NewsVertical">
<ul id="TickerVertical">
<li style="background: none;"><div align="center"><a href="http://vse4all.ru/" target="_blank"><img src="/js-lenta/1.gif" border="0"><br><b>VSE4ALL.RU</b></a></div></li>
<li style="background: none;"><div align="center"><a href="http://vse4all.ru/" target="_blank"><img src="/js-lenta/1.gif" border="0"><br><b>VSE4ALL.RU</b></a></div></li>
<li style="background: none;"><div align="center"><a href="http://vse4all.ru/" target="_blank"><img src="/js-lenta/1.gif" border="0"><br><b>VSE4ALL.RU</b></a></div></li>
<li style="background: none;"><div align="center"><a href="http://vse4all.ru/" target="_blank"><img src="/js-lenta/1.gif" border="0"><br><b>VSE4ALL.RU</b></a></div></li>
</ul>
</div>
</div>
<script language="javascript" src="/js-lenta/lenta.js" type="text/javascript"></script>
</p>
Ссылки и изображения в коде меняем на свои. Размер изображений должен быть 200х140
Скачать «RIP Движущаяся лента By TESNИKOFF»
| |
| |
| |
