Иконки в меню при наведении анимированые и для каждого пункта своя

А что под подразумевается под этими способами?

Стандартно у каждого пункта (тег LI) есть свой уникальный класс CSS, с их помощью и делается... в CSS. Также в настройках пункта меню можно задать CSS-класс для ссылки - тега А.

 

почти для каждого
как сказал OlegM, существует определённый класс (для всех разный или с добавлением)
для всех пунктов прописывается что то общее
а потом для каждого отдельно прописывается обычная картинка и картинка при наведении
анимированые картинки это .GIF

 

к примеру общий класс

Код (html):

1. .pic {
2.  тут какие то общие действия с картинками
3. }

и дополнительные классы для каждого пункта меню

Код (html):

1. .p1 {
2.  background-image: url (тут адрес первой картинки)
3. }
4. .p2 {
5.  background-image: url (тут адрес второй картинки)
6. }
7. .p3 {
8.  background-image: url (тут адрес третьей картинки)
9. }

окончательный html твоего меню будет выглядеть так:

Код (html):

1. <ul>
2.    <li class="pic p1">первый пункт</li>
3.    <li class="pic p2">второй пункт</li>
4.    <li class="pic p3">третий пункт</li>

т.е. классы могут, грубо говоря, "суммироваться"
или дополнять друг друга

 

В J 2.5 картинку для пункта меню можно указать в параметрах пункта меню.
Может и в J 1.7 так.

 

Читаем внимательно

Поэтому смотрим исходный код меню (html-код страницы с меню сайта), смотрим настройки пунктов меню - принимаем решение, как делать.