Mudar botões do menu ao passar o mouse

Código:

.mainmenu:hover {
background-image: url(Endereço_da_sua_imagem) !important;
}

ul.linklist li a img {
background:url(IMAGEM);
cursor:allowed;
}
ul.linklist a img:hover {
background:url(IMAGEM_HOVER);
cursor:allowed;
}

#i_icon_mini_index { Corresponde à imagem início/Fórum.
#i_icon_mini_portal { Corresponde à imagem portal.
#i_icon_mini_calendar { Corresponde à imagem calendário.
#i_icon_mini_faq { Corresponde à imagem Faq/Perguntas e respostas criadas por si no painel de controle.
#i_icon_mini_search { Corresponde à imagem buscar.
#i_icon_mini_index { Corresponde à imagem início/Fórum.
#i_icon_mini_members { Corresponde à imagem de membros do fórum.
#i_icon_mini_groups { Corresponde à imagem grupos.
#i_icon_mini_profile { Corresponde à imagem perfil.
#i_icon_mini_message { Corresponde à imagem do link do menu MP.
ul.navlinks span.new-message { Corresponde à imagem do link do menu Nova MP.
#i_icon_mini_logout { Corresponde à imagem do link do menu Sair.
i_icon_mini_login { Corresponde à imagem do link do menu Login/Entrar.
i_icon_mini_register { Corresponde à imagem do link do menu Registrar/Cadastrar.

#i_icon_mini_message:hover {
background-image: url(Endereço_da_sua_imagem);
}

Painel de controle Visualização Imagens e cores Cores Aba 'Folha estilo CSS'

Código:

$(document).ready(function(){$('a.mainmenu img[src="LINK1"]').mouseover(function(){$(this).attr('src','LINK2')})});

/*Abaixo href="/" é referente ao botão forum (inicio)*/
a.mainmenu[href="/"]{
background-image: url(Endereço_da_sua_imagem);
}
a.mainmenu[href="/"]:hover{
background-image: url(Endereço_da_sua_imagem_hover);
}

/*Abaixo href="/calendar" é referente ao botão calendario*/
a.mainmenu[href="/calendar"]{
background-image: url(Endereço_da_sua_imagem);
}
a.mainmenu[href="/calendar"]:hover{
/*Criado por -luiz,,*/
background-image: url(Endereço_da_sua_imagem_hover);
}

E assim você faz com todos os links, "IMPORTANTE" remova todos as imagens do menu, deixando transparente.
Painel de Controle Visualização Imagens e Cores Gestão das Imagens
Todos os campos referentes ao Menu https://2img.net/i/fa/empty.gif

img1="img que esta no menu";//Img atual //
img2="Img que ficará no menu";//Img hover//
atu_img = function(){$(this).attr('src',img1);}nova_img = function(){//Criado por -luiz,,//[/font]$(this).attr('src',img2)};$(document).ready(function(){$('a.mainmenu img[src="'+img1+'"]').hover(nova_img,atu_img)});

Acho essa mais "Lenta".

Código:

/*Abaixo href="/" é referente ao botão forum (inicio)*/
a.mainmenu[href="/"]{
background-image: url(http://i75.servimg.com/u/f75/16/15/60/55/forum10.jpg);
}
a.mainmenu[href="/"]:hover{
background-image: url(http://hitskin.com/themes/14/74/29/i_icon_mini_members.gif);
}

a.mainmenu[href="/"] img{
background-image: url(https://i.servimg.com/u/f75/16/15/60/55/forum10.jpg);
width: 90px!important;
height: 37px!important;
}
a.mainmenu[href="/"]:hover img{
background-image: url(http://hitskin.com/themes/14/74/29/i_icon_mini_members.gif);
}

img2="https://i.servimg.com/u/f75/16/15/60/55/forum10.jpg";//Img atual //
img1="http://hitskin.com/themes/14/74/29/i_icon_mini_members.gif";//Img hover//
atu_img = function(){$(this).attr('src',img1);};nova_img = function(){$(this).attr('src',img2)};$(document).ready(function(){$('a.mainmenu img[src="'+img1+'"]').hover(nova_img,atu_img)});