Полное расписание всех релизов
Naruto Shippuuden 294
20 декабря 2012 Naruto Shippuuden 294
20 декабря 2012
  • Наруто
  • Bleach
  • Fairy Tail
  • One Piece
rss
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
AniFuck.Ru - ролевая! » Общение & развлечения » Скрипты » Баннеры один за другим (88x31)
Баннеры один за другим (88x31)
saintДата: Суббота, 18.08.2012, 20:36 | Сообщение # 1
Группа: Новичек
Сообщений: 71
Награды: 8
Репутация: 4
Статус: Оффлайн

Баннеры один за другим (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>


это перед вставляете:
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>
 
AniFuck.Ru - ролевая! » Общение & развлечения » Скрипты » Баннеры один за другим (88x31)
  • Страница 1 из 1
  • 1
Поиск: