Есть меню
<style type="text/css">
ul.cssmenu {
padding: 0;
margin: 0;
list-style: none;
width: 150px;
}
ul.cssmenu li {
float: left;
}
ul.cssmenu li a, ul.cssmenu li a:visited {
display: block;
padding: 5px;
margin-bottom: 1px;
color: #FAFAD2;
background-color: #4682B4;
width: 150px;
}
ul.cssmenu li a:hover {
color: #4682B4;
background-color: #FAFAD2;
}
</style>
<ul class="cssmenu">
<li><a href="#">пункт первый</a></li>
<li><a href="#">пункт второй</a></li>
<li><a href="#">пункт третий</a></li>
</ul>
Нужно чтобы при нахождении допустим в первый пункте в хедере шаблона отоброжалась картинка 1, при наведении мыши на втрой пункт в хидере менялась картинка на 2, если отвести мышу то снова появлялась картинка 1, а при переходе по меню в пункт 2 то там уже постоянной картинкой была картинка 2.... как то так
