Копируете данный код в любой нужный вам блок и всё готово! Вот сам код меню: 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>
Скачать Скрипт NEW Меню для сайта uCoz
Зеркало Скрипт NEW Меню для сайта uCoz
Источник:
|