Кинолента с прокруткой для uCoz
|
| 2010-08-13, 10:27 AM |
![]()
Этот скрипт можно применять
и не только на 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 из архива поместить в корень сайта(файловый менеджер).
И | |
|
Categorie: Other | Adaugat de: kopceak
|
| Vizualizari: 1192 | Downloads:
| Raging: 0.0/0 |
|
|
