Кинолента с прокруткой для uCoz


Этот скрипт можно применять и не только на uCoz хостингах, а так-же можно встроить в любой другой движок
В свой css вставляем это:

Code
/*ЛЕНТА*/  
#lenta {  
  background: URL('указать путь') repeat-x top left; /* Путь к фоновому изображению lenta_bg.gif*/  
  display: block;  
  width:100%;  
  height: 134px;  
  white-space: nowrap;  
  position:relative;  
  overflow: hidden;  
  border-top: solid 1px;  
  border-bottom: solid 1px;  
  }  
#lenta DIV { position:relative; white-space:nowrap; }  
#lenta .left, #lenta .right { position:absolute; background:#000; display:block; height:107px; top:15px; opacity:.4; filter:alpha(opacity=40); }  
#lenta .left IMG, #lenta .right IMG { border: none; margin: 40px 5px; }  
#lenta .left { left:0px; text-align:right; }  
#lenta .right { right:0px; }  
#lenta_in { display:block; position:relative; left:30px; top:15px; }  
#lenta IMG { border: solid 3px #87c0dd; }  
#lenta A { display: inline-block; margin: 0px 5px; position: relative; text-decoration: none; }  
#lenta A SPAN { position: absolute; overflow: hidden; white-space:normal; display:none; width:100%; border: solid 1px #FFF; bottom:0px; left:0px; background:#d4ffd0; font-size: 11px; opacity:.9; filter:alpha(opacity=90); }  
#lenta A:hover SPAN { display:block; }  
#lenta A SPAN STRONG { display:block; }

Этот код ставим куда угодно(лучше поставить под шапку сайта).

Code
<!-- LENTA--><DIV id="lenta">  
<SCRIPT language="javascript">  
<!--  
  var carPos = 30;  
  var t;  
  var a;  
  var kuda;  
  function MoveMePlease(kuda) {  
  if (kuda == 1) {  
  document.getElementById('mr').style.width = '30px';  
  if (carPos >= -1150) {  
  t=setTimeout("MoveMePlease(1)", 40);  
  carPos=carPos-10;  
  writer(carPos);  
  } else { clearTimeout(t); }  
  }  
  else if (kuda == 0) {  
  document.getElementById('ml').style.width = '30px';  
  if (carPos <= 20) {  
  a=setTimeout("MoveMePlease(0)", 40);  
  carPos=carPos+10;  
  writer(carPos);  
  } else { clearTimeout(a); }  
  }  
  }  
  function cleaner() { clearTimeout(a); clearTimeout(t);  
  document.getElementById('mr').style.width = ''; document.getElementById('ml').style.width = '';  
  }  
  function writer(newPos) { document.getElementById('lenta_in').style.left = newPos+'px'; }  
  -->  
</SCRIPT>  
  <DIV id="lenta_in">  
<a href="/"><SPAN><STRONG>любовь морковь 2</STRONG>скачать любовь морковь 2 бесплатно</SPAN><IMG src="/images/morkov2.jpg" /></a>  
<a href="/"><SPAN><STRONG>обитаемый остров</STRONG>Обитаемый остров: Фильм первый (2008) скачать</SPAN><IMG src="/images/ostrov.jpg" /></a>  
<a href="/"><SPAN><STRONG>Стиляги</STRONG>Скачать стиляги</SPAN><IMG src="/images/stilyagi.jpg" /></a>  
<a href="/"><SPAN><STRONG>Глухарь</STRONG>Сериал Глухарь скачать</SPAN><IMG src="/images/gluchar.jpg" /></a>  
<a href="/"><SPAN><STRONG>Псевдоним албанец 2</STRONG>Скачать сериал бесплатно</SPAN><IMG src="/images/albanec2.jpg" /></a>  
<a href="/"><SPAN><STRONG>Побег из тюрьмы 4 сезон</STRONG>Скачать сериал бесплатно</SPAN><IMG src="/images/pobeg4.jpg" /></a>  
<a href="/"><SPAN><STRONG>Ранетки 2</STRONG>скачать сериал</SPAN><IMG src="/images/ranetki2sezon.jpg" /></a>  
<a href="/"><SPAN><STRONG>День когда земля остановилась</STRONG>скачать фильм</SPAN><IMG src="/images/daytheearthstoodstill_2.jpg" /></a>  
<a href="/"><SPAN><STRONG>Перевозчик 3</STRONG>скачать фильм</SPAN><IMG src="/images/perevozchik.jpg" /></a>  
<a href="/"><SPAN><STRONG>Квант милосердия</STRONG>Скачать фильм</SPAN><IMG src="/images/kvant.miloserdiya.jpg" /></a>  
<a href="/"><SPAN><STRONG>Доктор хауз</STRONG>5 сезон скачать</SPAN><IMG src="/images/doktorhaus.jpg" /></a>  
<a href="/"><SPAN><STRONG>Декстер</STRONG>скачать 3 сезон</SPAN><IMG src="/images/dexter.jpg" /></a>  
<a href="/"><SPAN><STRONG>Солдаты 15</STRONG>Новый призыв</SPAN><IMG src="/images/soldaty.jpg" /></a>  
<a href="/"><SPAN><STRONG>Мерлин</STRONG>Скачать сериал Мерлин (1 сезон)</SPAN><IMG src="/images/merlin.jpg" /></a>  
<a href="/"><SPAN><STRONG>остаться в живых</STRONG>остаться в живых сезон 4</SPAN><IMG src="/images/lost.jpg" /></a>  
<a href="/"><SPAN><STRONG>широка река</STRONG>Скачать сериал широка река</SPAN><IMG src="/images/reka.jpg" /></a>  
<a href="/"><SPAN><STRONG>всегда говори да</STRONG>Скачать фильм</SPAN><IMG src="/images/vsegda.govori.da.jpg" /></a>  
<a href="/"><SPAN><STRONG>Вольт</STRONG>мультфильм вольт скачать</SPAN><IMG src="/images/volt.jpg" /></a>  
<a href="/"><SPAN><STRONG>Ледниковый период 3</STRONG>Эра динозавров</SPAN><IMG src="/images/aceage3.jpg" /></a>  
<a href="/"><SPAN><STRONG>самый лучший фильм 2</STRONG></SPAN><IMG src="/images/samyi.luchshyi.film2.jpg" /></a>  
  </DIV>  
<DIV onmouseover="MoveMePlease(1)" onmouseout="cleaner()" id="mr" class="right">  
<IMG src="/images/move_right.gif" alt="прокрутить вправо" /></DIV>  
<DIV onmouseover="MoveMePlease(0)" onmouseout="cleaner()" id="ml" class="left">  
<IMG src="/images/move_left.gif" alt="прокрутить влево" /></DIV>  
</DIV><!-- LENTA -->

Папку images из архива поместить в корень сайта(файловый менеджер).

Опубликовал: TIK_TAK в категорию Скрипты и хаки для ucoz - Дата добавления: 21.11.2024, 16:49

Теги: прокруткой, Скрипты и хаки для ucoz, uCoz, кинолента, для
Вес:
97.0 Kb
Загрузок:
107

Сообщить о новой версииПроблемы со скачиванием?
Источник/Автор: http://free-ucoz.ru
ССЫЛКИ

Комментарии:


Оставить комментарий

Имя *:
Email *:

Все смайлы | Регистрация

Популярные файлы

Друзья сайта

Всё для Counter-Strike 1.6

Теги

  
     

Вход на сайт

     
     

Информация:

Онлайн всего: 4
Гостей: 4
Пользователей: 0

Статистика