Баннеры один за другим (88x31)

1435
6.2 из 10
Проголосовало: 8






Баннеры один за другим (88x31). Ну вообщем, этот скрипт работает так, когда вы заключите баннеры в класс class="footer-r" сколько угодно баннеров, то будет показываться одли баннер целиком, а за ним (друг за друшкой) будут располагаться другие баннеры, и при наведении на любой из этих баннеров, он вылезит, и вы сможете увидеть его полностью, а остальные баннеры, на которые не был наведен курсор, так и будут находиться за первым баннером, после того как курсор уберете с баннера, он снова станет за первый баннер, вообщем кто не понял или нечитал, смотрите скрин, там более понятнее.

Установка:

Это ставим туда, где у вас будут расположены баннеры:

Code
<div class="footer-r">
<a href="http://webo4ka.ru/" target="_blank"><img src="http://webo4ka.ru/webo4ka/banneri/88x31.png" alt="всё для ucoz, скрипты для ucoz, шаблоны для ucoz" border="0" width="88" height="31"></a>

<a href="http://webo4ka.ru/" target="_blank"><img src="http://webo4ka.ru/webo4ka/banneri/88x31.png" alt="всё для ucoz, скрипты для ucoz, шаблоны для ucoz" border="0" width="88" height="31"></a>

<a href="http://webo4ka.ru/" target="_blank"><img src="http://webo4ka.ru/webo4ka/banneri/88x31.png" alt="всё для ucoz, скрипты для ucoz, шаблоны для ucoz" border="0" width="88" height="31"></a>

<a href="http://webo4ka.ru/" target="_blank"><img src="http://webo4ka.ru/webo4ka/banneri/88x31.png" alt="всё для ucoz, скрипты для ucoz, шаблоны для ucoz" border="0" width="88" height="31"></a>
</div>


а это перед </body> вставляете:

Code
<style>
img#lastimg {opacity:0.9 !important;margin:0px !important;}
</style>
<script>
$(document).ready(function() {
$('div.footer-r img:last').attr("id","lastimg");
$('div.footer-r img').hover(function() {
$(this).stop().animate({marginRight:"0px",opacity:"0.9"},500);
},function() {
$(this).stop().animate({marginRight:"-70px",opacity:"0.5"},500);
}).attr("style","margin:0px -70px 0px 0px;opacity:0.3;");;
});
</script>
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Радио не стоит на месте новая версия вам 1.5:
    Что нового:
    1. Media Session - позволит вам переключать из бара браузера радио, а также на блоке экрана.
    2. Новые радиостанции.
    3. Новый API код.

    Демо: fiddle
    Реальная полная версия: woobl
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
    Последние темы
    Опрос
    470
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 3
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: