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

1483
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 2120
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • По просьбам поправили!.
    1. Делаем все как написано.
    2. Находим файл /Ucoz4/ctena_user2_wall_v2.js и меняем все в файле из нашего файла:
    Код
    http://mbs.usite.pro/ctena_user2_wall_v2.js
  • rayven написал:
  • в любом случае, всегда надо под свои нужды настраивать руками. А скрипт пригодиться, не тут, так там.
  • rayven написал:
  • даже Вовчик со мной согласен. tongue
  • Marishka написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
    Последние темы
    Опрос
    484
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 6
    Гостей: 6
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: