Меню у меня реализованно на CSS и JQUERY
вот полный код всего...и теперь вопрос как и куда надо добавить Wayfinder чтобы я мог добавлять пункты меню?
Помогите пожалуйста
HTML код
<div>
<ul id="topnav" class="v2">
<li><a href="#">О Нас</a></li>
<li><a href="#">Услуги</a></li>
<li><a href="#">Портфолио</a></li>
<li><a href="#">Прайс-лист</a></li>
<li><a href="#">Заказать</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</div>
CSS код
div ul#topnav {
margin: 15px 0 20px; /*Двигает меню в разные стороны*/
padding: 0;
list-style: none;
font-size: 1em;
clear: both;
float: left;
width: 100%;
font-weight:bold;
}
div ul#topnav li{
margin: 0;
padding: 0;
overflow: hidden;
float: left;
height:40px;
}
div ul#topnav a, ul#topnav span {
padding: 10px 53px; /*Изменяет ширину Меню*/
float: left;
text-decoration: none;
color: #fff;
text-transform: uppercase;
clear: both;
height: 20px;
line-height: 20px;
background: #1d1d1d;
}
div ul#topnav a { color: #7bc441; }
div ul#topnav span {
display: none;
}
div ul#topnav.v2 span{
/*с Меняющейся картинкой*/
background: url(../images/a_bg.gif) repeat-x left top;
}
div ul#topnav.v2 a{
/*с Меняющейся картинкой*/
color: #555;
background: url(../images/a_bg.gif) repeat-x left bottom;
}
Код JAVASCRIPT
<script type="text/javascript" src="script/jquery.js"></script><!--Делает Меню Динамичным-->
<script type="text/javascript">
$.noConflict();
jQuery(document).ready(function() {
jQuery("#topnav li").prepend("<span></span>"); //Вставляем пустой тег <span> до каждого элемента списка.
jQuery("#topnav li").each(function() { //Для каждого элемента списка...
var linkText = jQuery(this).find("a").html(); //Находим текст внутри тега
jQuery(this).find("span").show().html(linkText); //Добавляем текст в тег <span>
});
jQuery("#topnav li").hover(function() { //При наведении мыши
jQuery(this).find("span").stop().animate({
marginTop: "-40" //Находим тег <span> и перемещаем его вверх на 40px
}, 250);
} , function() { //После того, как курсор убран с элемента...
jQuery(this).find("span").stop().animate({
marginTop: "0" //Возвращаем тег <span> к исходному местоположению (0px)
}, 250);
});
});
</script>
