Скачать Супер лента новостей (Горизонтальная, с прокруткой)

<td align="center">
<style type="text/css" media="all">  
#lenta {  
display: block;  
width:820px;  
height: 116px;  
white-space: nowrap;  
position:relative;  
overflow: hidden;  
border-top:3px solid #bfbfbf;  
}  
#lenta DIV { position:relative; white-space:nowrap; }  
#lenta .left, #lenta .right { position:absolute; background:#000; display:block; height:107px; top:5px; opacity:.4;  
<a href="http://onlite.ucoz.net/" style="display:none;"></a>
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:0px; top:5px; }  
#lenta IMG {padding:1px; border:1px solid #bfbfbf;}  
#lenta A { display: inline-block; margin: 0px 1px; position: relative; text-decoration: none; }  
#lenta A SPAN {left:2px; bottom:2px; font-weight:normal; font-family:tahoma; font-size:10px; color:#000000; position: absolute; overflow: hidden; white-space:normal; display:none; padding:3px; width:97px; bottom:0px; left:0px; background:#FFFFFF; font-size: 11px; opacity:.8; filter:alpha(opacity=80); }  
#lenta A:hover SPAN {left:2px; bottom:2px; font-weight:normal; font-family:tahoma; font-size:10px; color:#000000; display:block; }  
#lenta A SPAN STRONG {left:2px; bottom:2px; font-weight:normal; font-family:tahoma; font-size:10px; color:#000000; display:block; }  
</style>  
   

<div id="lenta">  
<SCRIPT language="javascript" type="text/JavaScript">  
<!--  
var carPos = 30;  
var t;  
var a;  
var kuda;  
function MoveMePlease(kuda) {  
if (kuda == 1) {  
document.getElementById('mr').style.width = '30px';  
if (carPos >= -984) {  
t=setTimeout("MoveMePlease(1)", 40);  
carPos=carPos-15;  
writer(carPos);  
} else { clearTimeout(t); }  
}  
else if (kuda == 0) {  
document.getElementById('ml').style.width = '30px';  
if (carPos <= -10) {  
a=setTimeout("MoveMePlease(0)", 40);  
carPos=carPos+15;  
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="http://onlite.net.ru/news/2009-05-09-678" target="_blank"><span style="font-weight: bold;">Звездный путь</span><img src="http://filmix.net/_ph/4/2/829195018.jpg" style="width: 103px; height: 103px;"></a>  
<a href="http://onlite.net.ru/news/2009-04-06-214" target="_blank"><span style="font-weight: bold;">Форсаж 4</span><img src="http://onlite.ucoz.net/oblogki/84030620.jpg" style="width: 103px; height: 103px;"></a>  
<a href="http://onlite.net.ru/news/2009-04-18-337" target="_blank"><span style="font-weight: bold;">Адреналин 2: Высокое напряжение</span><img src="http://onlite.ucoz.net/oblogki/192111293.jpg" style="width: 103px; height: 103px;"></a>  
<a href="http://onlite.ucoz.net/news/2009-04-05-212" target="_blank"><span style="font-weight: bold;">Тарас Бульба</span><img src="http://onlite.ucoz.net/oblogki/859225904.jpg" style="width: 103px; height: 103px;"></a>  
<a href="http://onlite.net.ru/news/2009-05-10-682" target="_blank"><span style="font-weight: bold;">Скеллинг</span><img src="http://filmix.net/_ph/4/2/339859818.jpg" style="width: 103px; height: 103px;"></a>  
<a href="http://onlite.ucoz.net/news/2009-05-10-680" target="_blank"><span style="font-weight: bold;">Терминаторы</span><img src="http://filmix.net/_ph/4/2/730915466.jpg" style="width: 103px; height: 103px;"></a>  
<a href="http://onlite.ucoz.net/news/2009-05-10-681" target="_blank"><span style="font-weight: bold;">С.Дарко</span><img src="http://filmix.net/_ph/4/2/79874281.jpg" style="width: 103px; height: 103px;"></a>  
<a href="http://onlite.ucoz.net/news/2009-04-12-295" target="_blank"><span style="font-weight: bold;">Рестлер</span><img src="http://onlite.ucoz.net/oblogki/997287803.jpg" style="width: 103px; height: 103px;"></a>  
<a href="http://onlite.ucoz.net/news/2009-04-07-231" target="_blank"><span style="font-weight: bold;">Драконий жемчуг: Эволюция</span><img src="http://onlite.ucoz.net/oblogki/548188239.jpg" style="width: 103px; height: 103px;"></a>  
<a href="http://onlite.ucoz.net/news/2009-04-06-223" target="_blank"><span style="font-weight: bold;">Люди Икс</span><img src="http://onlite.ucoz.net/oblogki/412034006.jpg" style="width: 103px; height: 103px;"></a>  
<a href="http://onlite.ucoz.net/news/2009-04-24-385" target="_blank"><span style="font-weight: bold;">Обитаемый остров: Схватка</span><img src="http://onlite.ucoz.net/oblogki/930429985.jpg" style="width: 103px; height: 103px;"></a>  
<a href="http://onlite.ucoz.net/news/2009-03-28-152" target="_blank"><span style="font-weight: bold;">Знамение</span><img src="http://onlite.ucoz.net/oblogki/145814457.jpg" style="width: 103px; height: 103px;"></a>  
<a href="http://onlite.ucoz.net/news/2009-04-25-389" target="_blank"><span style="font-weight: bold;">Хранители</span><img src="http://onlite.ucoz.net/oblogki/160905908.jpg" style="width: 103px; height: 103px;"></a>  
<a href="http://onlite.ucoz.net/news/2009-04-06-218" target="_blank"><span style="font-weight: bold;">Монстры против пришельцев</span><img src="http://onlite.ucoz.net/oblogki/360352535.jpg" style="width: 103px; height: 103px;"></a>  
<a href="http://onlite.ucoz.net/news/2009-03-28-153" target="_blank"><span style="font-weight: bold;">Ларго Винч: Начало</span><img src="http://onlite.ucoz.net/oblogki/840667386.jpg" style="width: 103px; height: 103px;"></a>  
<a href="http://onlite.ucoz.net/news/2009-04-24-384" target="_blank"><span style="font-weight: bold;">Обитаемый остров: Фильм первый</span><img src="http://onlite.ucoz.net/oblogki/869118633.jpg" style="width: 103px; height: 103px;"></a>  
<a href="http://onlite.ucoz.net/news/2009-04-12-296" target="_blank"><span style="font-weight: bold;">Первая любовь</span><img src="http://onlite.ucoz.net/oblogki/896024215.jpg" style="width: 103px; height: 103px;"></a>  
<a href="http://onlite.ucoz.net/news/2009-04-22-371" target="_blank"><span style="font-weight: bold;">Миллионер из трущоб</span><img src="http://onlite.ucoz.net/oblogki/12391837871237712503_1803658534343.jpg" style="width: 103px; height: 103px;"></a>  

</div>  
<div onmouseover="MoveMePlease(1)" onmouseout="cleaner()" id="mr" class="right">  
<img src="http://ruszona.ru/templates/rus2008/images/move_right.gif" alt="" style="cursor: pointer;"></div>  
<div onmouseover="MoveMePlease(0)" onmouseout="cleaner()" id="ml" class="left">  
<img src="http://ruszona.ru/templates/rus2008/images/move_left.gif" alt="" style="cursor: pointer;"></div>  
</div>