Форум
[ Главная · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Работа с сайтами системы Ucoz » Скрипты » NEW Меню для сайта
NEW Меню для сайта
AJIucarDДата: Воскресенье, 27.12.2009, 07:28 | Сообщение # 1
ГЛАВА САЙТА
Группа: Администраторы
Сообщений: 211
« 3 »
Статус: Offline

Копируете данный код в любой нужный вам блок и всё готово!
Вот сам код меню:

Code
<style type=text/css>    
ul#menu {    
margin:0;    
padding:0;    
list-style-type:none;    
display:block;    
width:195px;    
height:186px;    
background:url('http://i037.radikal.ru/0801/c8/8d82625d6ac2.png') no-repeat left top;    
text-align:right;    
}    
ul#menu a {    
display:block;    
width:195px;    
height:31px;    
}    
ul#menu a {    
display:block;    
width:195px;    
height:31px;    
}    
ul#menu a.1 {    
background:url('http://i042.radikal.ru/0801/d4/090760977ff9.png');    
}    
ul#menu a.2 {    
background:url('http://i032.radikal.ru/0801/13/c5c7cf303bf0.png');    
}    
ul#menu a.3 {    
background:url('http://i012.radikal.ru/0801/f7/33acfd723a15.png');    
}    
ul#menu a.4 {    
background:url('http://i010.radikal.ru/0801/21/542e782e08c3.png');    
}    
ul#menu a.5 {    
background:url('http://i010.radikal.ru/0801/59/1963e2584359.png');    
}    
ul#menu a.6 {    
background:url('http://i009.radikal.ru/0801/a9/f402eeba0207.png');    
}    
ul#menu a:hover {    
background:none;    
}    
ul#menu li{    
display:inline;    
}    
ul#menu img {    
border:0;padding:0;margin:0;    
}    
</style>    

<ul id="menu">    
<li><a class=1 href="D:\Web\!!!Interactive\Menu Script + CSS\3\Menu3.html"></a></li>    
<li><a class=2 href="#2"></a></li>    
<li><a class=3 href="#3"></a></li>    
<li><a class=4 href="#4"></a></li>    
<li><a class=5 href="#4"></a></li>    
<li><a class=6 href="#4"></a></li>    
</ul>    

<script type="text/javascript" language="JavaScript">    
var loc=location.href    
var a=document.getElementById('menu').getElementsByTagName('a')    
var aHref=new Array()    
var num=parseInt(a.length)-1    
for (var i=num;i>=0;i--) {    
var Href=a[i].href    
if (loc.indexOf(Href)==-1) {    
continue    
}else{    
a[i].style.backgroundImage='none'    
break}    
}    
</script



Прикрепления: 9411903.png(18Kb)


 
Форум » Работа с сайтами системы Ucoz » Скрипты » NEW Меню для сайта
Страница 1 из 11
Поиск:

Создать бесплатный сайт с uCoz