Upalelê tambem é cultura (???)!
Tive que desenvolver um mapinha do Brasil com destaques em mouseOver pra um cliente e resolvi disponibilizar aqui pra galera do UPA. As imagens não estão lá grande coisa porque essa não é a minha área, mas o mapa ficou bem funcional =)

Clique aqui para ver a demonstração e aqui para baixar os arquivos.
You’re welcome!
A técnica eu aprendi com o Román Cortés(aqui).

Maral

12 Comentários
boa garoto.
ficou mto bom.
Que interessante! Ficou legal =D
Muito bom!
E o validador de CSS passou! Perfeito!
Mas o validador de XHTML detectou um errinho.
Parece que a tag não aceita atributos diferentes dos especificados.
Mas é detalhe!
Parabéns pelo trabalho.
@Juliano
É verdade, Culpa da TAG “estado” que eu coloquei em cada item da lista pra utilizar com outro esquema do jQuery.
Quem for utilizar isso pode remover a tag que não altera em nada =)
Valeu pelo feedback galera.
Parabéns cara! Muito bom.
parabens..
ams só observado… faltou o DF.. não que alguem vá dar falta…
Parabéns pelo trabalho!!!
=D
Nerd!
Opa, parabéns pela iniciativa de compartilhar, com certeza será útil pra muita gente! Já retwitei o post
Abraços!
Parabéns.
Segue minha contribuição em jQuery:
Fica selecionado o estado ao clicar (terceira imagem) e não redireciona pra nenhum click. Ideal aplicações ajax.
$(document).ready(function(){
$(“#map li a”).each(
function()
{
$(this).click(
function()
{
/* ajax aqui */
$(“#map li a”).css(“background-image”, “”);
$(this).css(“background-image”, “url(‘imgs/mapa/highlight”+this.id+”.gif’)”);
return false;
}
);
}
);
});
Se tivesse o DF estaria perfeito… ;D
Muito bom, exatamente o que estava procurando obrigado
11 Trackbacks
Mapa do Brasil ‘mapeado’ em CSS http://bit.ly/p3gkH
RT: @rafaelpvale: RT: @upalele: Mapa do Brasil ‘mapeado’ em CSS http://bit.ly/p3gkH
RT: @upalele: Mapa do Brasil ‘mapeado’ em CSS http://bit.ly/p3gkH // olha só, o upalelê serve pra alguma coisa!
RT: @brunogross: RT: @rafaelpvale: RT: @upalele: Mapa do Brasil ‘mapeado’ em CSS http://bit.ly/p3gkH #ehMuitaNerdice
RT @jimmyneph: RT: @brunogross: RT: @rafaelpvale: RT: @upalele: Mapa do Brasil ‘mapeado’ em CSS http://bit.ly/p3gkH #ehMuitaNerdice
RT @jimmyneph: RT: @brunogross: RT: @rafaelpvale: RT: @upalele: Mapa do Brasil ‘mapeado’ em CSS http://bit.ly/p3gkH #ehMuitaNerdice
Mapa dp brasil em CSS http://bit.ly/p3gkH
Mapa do Brasil em CSS http://bit.ly/p3gkH
RT @yogodoshi: Mapa do Brasil ‘mapeado’ em CSS disponível gratuitamente http://bit.ly/p3gkH #dica
RT @yogodoshi: Mapa do Brasil ‘mapeado’ em CSS disponível gratuitamente http://bit.ly/p3gkH #dica
http://bit.ly/bwuImj Mapa do Brasil em CSS com hover.. Se você precisa.. ae esta