Скрипт для uСoz - меню темно берюзового цвета
Оригинальное вертикальное меню. Смотрится не плохо. Думаю посетителям понравится. 

Код скрипта:


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

edit post

0 коммент. для "Скрипт для uСoz - меню темно берюзового цвета"

  • Отправить комментарий