Вот, пока что тренировался, осваивал CSS. К сожалению менюха не моя, но когда сделаю сам меню, это уберу. Буду потом улучшать версию этого меню. Сама меню:
Code
<ul>
<li><a title="" href="">Меню 1</a></li>
<li><a title="" href="">Меню 2</a>
</ul>
<li><a title="" href="">Подменю 1</a></li>
<li><a title="" href="">Подменю 2</a></li>
</ul>
</li>
<li><a title="" href="">Меню 3</a>
<ul>
<li><a title="" href="">Подменю 1</a></li>
<li><a title="" href="">Подменю 2</a></li>
</ul>
</li>
</ul>
Добавлено (20.05.2009, 08:00)
---------------------------------------------
Это js-файл
Code
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace»
(" over", "");
}
}
}
}
}
window.onload=startList;
Добавлено (20.05.2009, 08:01)
---------------------------------------------
С первого раза правильно не получилось напечатать... wink
Это CSS-файл
Code
ul {margin: 0;padding: 0;list-style: none;width: 150px;}
ul li {position: relative;}
li ul {position: absolute;left: 149px;top: 0;display: none;}
ul li a {display:block;text-decoration:none;color:#777;background:#fff;padding:5px;border:1px solid #ccc;border-bottom:0;}
* html ul li {float: left; height: 1%;}
* html ul li a {height: 1%;}
ul {margin: 0;padding: 0;list-style: none;width: 150px;border-bottom: 1px solid #ccc;}
li:hover ul {display: block;}
li:hover ul, li.over ul {display: block;}
Добавлено (20.05.2009, 08:01)
---------------------------------------------
Значит так, css нужно вставлять в "таблицу стилей css", куда угодно
js-файл нужно занести на FTP
После нужно вставить этот код в
Code
<link href="css.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="путь до js-файла"></script>
<style type="text/css">
@import "Ваш CSS";
</style>
