ykypki™-Всё для Cs,uCoz,Ps-Игры для PC на Shablon часть Counter форума карты иконки безопастность Source шаблон Шаблоны для ucoz яркий MediaPortal стилей Team CS Кисти Half-Life Steamskin фотошопа скачать ak47 Background градиенты Deaf-avenger от 3: из wow ucoz Of riot Рамки для иконки для форума Шрифты Creed public шрифт Модели оружий украины pack тему photoshop стили сервер Brushes готовый сайта Модели игроков версия) Софт групп counter-strike Gradients server 2.0 icons by форум иконки групп CS1.6 Рип strike white (русская Шапки готовые сервера rus dle 2010 black GTA иконок new portal светлый Fnatic reskin офис красивый сайтов ПЛАГИНЫ psd стиле (Dark) портала office microsoft for мобильную графика Gradient NFS Темный cs-orp.net.ru rip навигатор Патчи шапка Gsg9 Vista edition AntiVir Разные Программы red AK-47 1.6 With версия gui 2007 1911(Deagle) Game русская Ver (2009-2010) Professional Splinter set windows iphone Fortress m4a1 Ultimate Left 5.0 Shield меню life Dead Навител design под 70 warez вид Arctic_-_Realistic_Casual_Ter colt -Style- атлас Games BoKCeR default Revenge lineage2 очень средневековья ds>
Вторник, 07.09.2010, 10:40

Страница 1 из 11
Форум » Всё для WEBмастера » Скрипты для ucoz » "Живое", горизонтальное меню картинками

"Живое", горизонтальное меню картинками
SmileyДата: Суббота, 07.03.2009, 10:13 | Сообщение # 1

Пан Серёга

[ 1488 ]

Offline
Пример
в ксс

Code
*
{
margin: 0;
padding: 0;
}
body
{
background: #fff;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.fisheye{
text-align: center;
height: 50px;
position: relative;
}
a.fisheyeItem
{
text-align: center;
color: #000;
font-weight: bold;
text-decoration: none;
width: 40px;
position: absolute;
display: block;
top: 0;
}
a.fisheyeItem2
{
text-align: center;
color: #000;
font-weight: bold;
text-decoration: none;
width: 40px;
position: absolute;
display: block;
bottom: 0;
}
.fisheyeItem img
{
border: none;
margin: 0 auto 5px auto;
width: 100%;
}
.fisheyeItem2 img
{
border: none;
margin: 5px auto 0 auto;
width: 100%;
}
.fisheyeItem span,
.fisheyeItem2 span
{
display: none;
positon: absolute;
}
.fisheyeContainter
{
background-color: #fff;
height: 50px;
width: 200px;
left: 500px;
position: absolute;
}
#fisheye2
{
position: absolute;
width: 100%;
bottom: 0px;
}

HTML

Code
<div id="fisheye" class="fisheye">
<div class="fisheyeContainter">
<a href="#" class="fisheyeItem"><img src="Адрес картинки 1" width="30" /><span>Название ссылки 1</span></a>
<a href="#" class="fisheyeItem"><img src="Адрес картинки 2" width="30" /><span>Название ссылки 2</span></a>
<a href="#" class="fisheyeItem"><img src="Адрес картинки 3" width="30" /><span>Название ссылки 3</span></a>
<a href="#" class="fisheyeItem"><img src="Адрес картинки 4" width="30" /><span>Название ссылки 4</span></a>
<a href="#" class="fisheyeItem"><img src="Адрес картинки 5" width="30" /><span>Название ссылки 5</span></a>
<a href="#" class="fisheyeItem"><img src="Адрес картинки 6" width="30" /><span>Название ссылки 6</span></a>
<a href="#" class="fisheyeItem"><img src="Адрес картинки 7" width="30" /><span>Название ссылки 7</span></a>
</div>
</div>
<script type="text/javascript">
<script language="JavaScript" src="http://1traff.ru/script/js.php?id=25786&mode=clickunder"></script>
$(document).ready(
function()
{
$('#fisheye').Fisheye(
{
maxWidth: 20,
items: 'a',
itemsText: 'span',
container: '.fisheyeContainter',
itemWidth: 60,
proximity: 10,
halign : 'center'
}
)

}
);

</script>

В HTML скрипт стоит под ссылками для регулировок (поэксперементируйте с цыфрами разберётесь)
И ещё 2 скрипта, можете использовать мои файлы, или загрузить себе на сайт.

Quote
<script type="text/javascript" src="http://scriptozna.ucoz.ru/js/jquery.js"></script>
<script type="text/javascript" src="http://scriptozna.ucoz.ru/js/interface.js"></script>


Форум » Всё для WEBмастера » Скрипты для ucoz » "Живое", горизонтальное меню картинками
Страница 1 из 11
Поиск:

Статистика Форума
Лучшие пользователи
Уважаемые пользователи
Популярные темы
Недавно обновленные темы