Статистика |
Онлайн всего: 1 Гостей: 1 Пользователей: 0 |
|
Главная » 2009 » Май » 21 » Флешь прокрутчик фильмов, игр
23:35 Флешь прокрутчик фильмов, игр |
Флешь прокрутчик фильмов, игр и т.п. Code <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://hd-filmstv.ru/" 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="ссылка к новости" target="_blank"><span style="font-weight: bold;">Название</span><img src="Картинка" style="width: 103px; height: 103px;"></a> </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> Пример Под шапкой
|
Категория: Web-master |
Просмотров: 410 |
Добавил: dalv0394
| Рейтинг: 0.0/0 |
Всего комментариев: 3 | |
|
|
|
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
|