Баннеры один за другим (88x31)
Баннеры один за другим (88x31). Ну вообщем, этот скрипт работает так, когда вы заключите баннеры в класс class="footer-r" сколько угодно баннеров, то будет показываться одли баннер целиком, а за ним (друг за друшкой) будут располагаться другие баннеры, и при наведении на любой из этих баннеров, он вылезит, и вы сможете увидеть его полностью, а остальные баннеры, на которые не был наведен курсор, так и будут находиться за первым баннером, после того как курсор уберете с баннера, он снова станет за первый баннер, вообщем кто не понял или нечитал, смотрите скрин, там более понятнее.
Установка:
Это ставим туда, где у вас будут расположены баннеры:
а это перед </body> вставляете:
Установка:
Это ставим туда, где у вас будут расположены баннеры:
Code
<div class="footer-r">
<a href="http://ugreen.do.am/" target="_blank"><img src="http://i31.fastpic.ru/big/2012/0122/16/0aa247fbe38b261db8d93c2e71fbb216.gif" alt="всё для ucoz, скрипты для ucoz, шаблоны для ucoz" border="0" width="88" height="31"></a>
<a href="http://ugreen.do.am/" target="_blank"><img src="http://i31.fastpic.ru/big/2012/0122/16/0aa247fbe38b261db8d93c2e71fbb216.gif" alt="всё для ucoz, скрипты для ucoz, шаблоны для ucoz" border="0" width="88" height="31"></a>
<a href="http://ugreen.do.am/" target="_blank"><img src="http://i31.fastpic.ru/big/2012/0122/16/0aa247fbe38b261db8d93c2e71fbb216.gif" alt="всё для ucoz, скрипты для ucoz, шаблоны для ucoz" border="0" width="88" height="31"></a>
<a href="http://ugreen.do.am/" target="_blank"><img src="http://i31.fastpic.ru/big/2012/0122/16/0aa247fbe38b261db8d93c2e71fbb216.gif" alt="всё для ucoz, скрипты для ucoz, шаблоны для ucoz" border="0" width="88" height="31"></a>
</div>
<a href="http://ugreen.do.am/" target="_blank"><img src="http://i31.fastpic.ru/big/2012/0122/16/0aa247fbe38b261db8d93c2e71fbb216.gif" alt="всё для ucoz, скрипты для ucoz, шаблоны для ucoz" border="0" width="88" height="31"></a>
<a href="http://ugreen.do.am/" target="_blank"><img src="http://i31.fastpic.ru/big/2012/0122/16/0aa247fbe38b261db8d93c2e71fbb216.gif" alt="всё для ucoz, скрипты для ucoz, шаблоны для ucoz" border="0" width="88" height="31"></a>
<a href="http://ugreen.do.am/" target="_blank"><img src="http://i31.fastpic.ru/big/2012/0122/16/0aa247fbe38b261db8d93c2e71fbb216.gif" alt="всё для ucoz, скрипты для ucoz, шаблоны для ucoz" border="0" width="88" height="31"></a>
<a href="http://ugreen.do.am/" target="_blank"><img src="http://i31.fastpic.ru/big/2012/0122/16/0aa247fbe38b261db8d93c2e71fbb216.gif" 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>
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>
О материале:
Дата добавления: 23.03.2012 в 17:04
Материал просмотрен: 755 раз
Категория: Скрипты и модификации для uCoz
Оставлены: 0 комментария
Рейтинг материала
По мнению пользователей
0.0
Поделиться
Комментарии
0 комментариев
Навигация
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Онлайн никого нет