Efeito ao passar o mouse por cima de uma area

[marcosfj1]

Seguinte galera to tentando fazer algo mas to meio perdido de como comecar. Acredito que envolva JavaScript, alias quase ctz hehe, mas não sei como comecar mesmo.

O que eu quero fazer é o seguinte

Uploaded with ImageShack.us

Como podem ver isso é um print da loja netshoes, onde o cliente escolhe a cor e em seguida o tamanho do sapato....eu já tenho um sistema assim no meu site, porem não consigo fazer este destaque do numeros escolhidos. Por exemplo ali em selecionei o 41 e clique, então ele fica selecionado de azul.....já o 38 eu estava com o mouse em cima dele.

então eu queria fazer estes efeitos, claro o efeito em si eu crio proprio, mas como q eu poderia fazer para ter este tipo de efeito, qual comando seria?

Valeu

======================APOS EDIÇÃO========================

Eu pesquisando achei um tal de onmouseover q parece fazer o q desejo, mas não to conseguindo. O que eu quero é no seguinte codigo eu tenho:

<div style="[b]width:16px;height:16px[/b];background-color:<?=$background_color ?>;margin:4px;float:left;padding:2px;"><a href="java script:void(0)" style="text-decoration:none;color:#FFF" [b]onmouseOver = ""[/b] '">&nbsp;&nbsp;&nbsp;&nbsp;</a></div>

Veja as partes em negrito, eu queria que ao passar o mouse por cima os campo width16px; height16px; que são os tamanhos da pequena imagem gerada pela variavel $background_color, mudasse para 20px por exemplo assim quando o cliente estivesse em cima dessa imagem ela seria maior q as outras

alguém pode me ajudar como eu faço para ter este controle do tamanho

Valeu

Editado Dezembro 7, 2010 por marcosfj1

[Willian Gustavo Veiga]

Nossa, você duplica posts no fórum :(

Pessoal não tem paciência mesmo.

[marcosfj1]

não é questao de paciencia, é q apos postar eu vi q tinha colocado no lugar errado, ai vim no lugar certo e postei....então os moderadores só tem q apagar o post anterior

[Willian Gustavo Veiga]

Ou você deve aguardar até o moderador mover para a área correta :)

Um abraço.

Editado Dezembro 8, 2010 por Willian Gustavo Veiga

[marcosfj1]

Nossa ngm tem ideia de como me ajudar na duvida?

[Willian Gustavo Veiga]

Veja estes links:

http://www.w3schools.com/css/pr_pseudo_hover.asp

http://www.w3schools.com/jsref/event_onclick.asp

Qualquer coisa poste novamente.

Um abraço.

[marcosfj1]

Veja estes links:

http://www.w3schools.com/css/pr_pseudo_hover.asp

http://www.w3schools.com/jsref/event_onclick.asp

Qualquer coisa poste novamente.

Um abraço.

Cara obrigado pelo link:

http://www.w3schools.com/css/pr_pseudo_hover.asp

Tentei aplicar mas não deu certo, e é exatamente isso q eu queria, mas não to conseguindo colocar no meu sistema, eu segui o proprio exemplo que dao no site

http://www.w3schools.com/css/tryit.asp?filename=trycss_link2

No caso eu escolhi aplicar o CLASS five

a.five:link {color:#ff0000;text-decoration:none;}

a.five:visited {color:#0000ff;text-decoration:none;}

a.five:hover {text-decoration:underline;}

então coloquei no inicio da minha pagina o seguinte

<style type="text/css">

a.five:hover {text-decoration:underline;}

</style>

Depois na minha DIV eu chamei assim:

<div style="width:15px;height:15px;background-color:<?=$background_color ?>;margin:2px;float:left;padding:2px;"><a class="two" href="java script:void(0)"... blablabla

Mas não aconteceu nada. alguém sabe me dizer a onde estou errando?

Valeu