Реализован вывод меню через изображения, у меню имеется подменю.
Надо доделать:
Щас вывод меню напр. "1_menu_1.jpg" надо что бы при наведения на меню или активности меню было бы "1_menu_2.jpg"
В CSS стили меню прописаный через ID меню, напр.
top_menu{ID меню}:
li#top_menu1 a {
display:block;
width:98px;
height:39px;
background:url('../img/top_menu/menu1-1.jpg');
}
li#top_menu41 a {
display:block;
width:98px;
height:39px;
background:url('../img/top_menu/menu1-2.jpg');
}
li#top_menu48 a {
display:block;
width:98px;
height:39px;
background:url('../img/top_menu/menu1-3.jpg');
}
Исходный код меню имеет вид:
<ul id="ja-cssmenu" class="clearfix">
<li id="top_menu1"><a href="http://test36.ru/" class="menu-item0 first-item" id="menu1" title="Main"><span class="menu-title">Main</span></a></li>
<li id="top_menu41"><a href="http://test36.ru/cont" class="menu-item1" id="menu41" title="Contact"><span class="menu-title">Contact</span></a></li>
<li id="top_menu48"><a href="http://test36.ru/about" class="menu-item2" id="menu48" title="About us"><span class="menu-title">About us</span></a>
<ul>
<li id="top_menu37"><a href="http://test36.ru/team" class=" first-item" id="menu37" title="Team"><span class="menu-title">Team</span></a></li>
<li id="top_menu49"><a href="http://test36.ru/history" id="menu49" title="History"><span class="menu-title">History</span></a></li>
<li id="top_menu53"><a href="http://test36.ru/price" id="menu53" title="Price"><span class="menu-title">Price</span></a></li>
<li id="top_menu54"><a href="http://test36.ru/maps" class=" last-item" id="menu54" title="Maps"><span class="menu-title">Maps</span></a></li>
</ul>
</li>
</ul>
[/b]
[b]Team, History, Price, Maps[/b] - ПодМеню