вертикальное меню для сайта ucoz: Тёмное вертикально меню для сайта ucoz. Красивое, простенькое меню для ucoz.
Внимание: Картинки к скрипту не предлагаются, так что создаём папку в файловом менеджере под названием: «img» и вставляйте любую свою картинку.
<style type=»text/css»>
#mylogo {width: 100%; margin: 0 0 0 0;}
</style></logo></span></td></tr>
<tr><td class=»boxContent»><!— <bc> —>
<script type=»text/javascript» language=»javascript»>
<!—
//
function toggle( targetId ) {
if (document.getElementById) {
target = document.getElementById( targetId );
if (target.style.display == «none») {
target.style.display = «»;
} else {
target.style.display = «none»;
}
}
}
//
—></script><script type=»text/javascript»>
function repchange(val,id){
repval=val;
ajaxtime=setInterval(‘checkajax’+id+'()’,500);}
</script><style type=»text/css»>
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 185px; /* Width of Menu Items */
border-bottom: 1px solid #000000;
}
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 180px; /* Width of Menu Items */
border-bottom: 1px solid #212121;
}
.suckerdiv ul li{
position: relative;
}
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
visibility: hidden;
}
/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #FFFFFF;
text-decoration: none;
background: #292929;
padding: 8px 15px;
border: 1px solid #212121;
border-bottom: 0;
}
.suckerdiv ul li a:visited{
color: #FFFFFF;
}
.suckerdiv ul li a:hover{
background: url(/wp-content/uploads/img/GIFAMALANA.gif);
}
.suckerdiv .subfolderstyle{
background: url(/wp-content/uploads/img/strelko.png) no-repeat center right;
}
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */
</style>
<script type=»text/javascript»>
var menuids=[«suckertree1»]
function buildsubmenus(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).
getElementsByTagName(«ul»)
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName(«a»)[0].className=
«subfolderstyle»
if (ultags[t].parentNode.parentNode.id==menuids[i])
ultags[t].style.left=ultags[t].parentNode.offsetWidth+»px»
else
ultags[t].style.left=ultags[t-1].getElementsByTagName
(«a»)[0].offsetWidth+»px»
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName(«ul»)[0].style.display=»block»
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName(«ul»)[0].style.display=»none»
}
}
for (var t=ultags.length-1; t>-1; t—){
ultags[t].style.visibility=»visible»
ultags[t].style.display=»none»
}
}
}
if (window.addEventListener)
window.addEventListener(«load», buildsubmenus, false)
else if (window.attachEvent)
window.attachEvent(«onload», buildsubmenus)
</script>
<div class=»suckerdiv»>
<ul id=»suckertree1″>
<li><a href=»/ccылка/» title=»описание «>название</a></li>
<li><a href=»/ccылка/» title=»описание «>название</a></li>
<li><a href=»/ccылка/» title=»описание «>название</a></li>
<li><a href=»/ccылка/» title=»описание «>название</a></li>
<li><a href=»/ccылка/» title=»описание «>название</a></li>
<li><a href=»/ccылка/» title=»описание «>название</a></li>
<li><a href=»/ccылка/» title=»описание «>название</a></li>
</ul>
Внимание: Картинки к скрипту не предлагаются, так что создаём папку в файловом менеджере под названием: «img» и вставляйте любую свою картинку.
По теме:
меню ucoz