Среда, 27.11.2024, 02:53

Пройдите регистрацию и станьте пользователем!!!
Гость

Реклама
Новые сообщения · Участники · Правила форума · Поиск · RSS
  • Страница 1 из 1
  • 1
Меню для темных дизайнов!
AtOm1kДата: Вторник, 01.06.2010, 23:09 | Сообщение # 1

Майор
Сообщений: 99
Награды: 0
Репутация: 0

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>
  • Страница 1 из 1
  • 1
Поиск:


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