Skip Navigation Links
Novas Tecnologias
Ferramentas Adicionais
Ferramentas Adicionais


Dica No :
1003
Assunto : ASP.NET
Titulo: Criando o Efeito de Hover para o Menu

Gostou do texto ? Vote e dê sua opinião! Pontuação atual :

Translate this page now :






Adicione aos Favoritos!
BlogBlogs Rec6 Linkk Ueba Technorati Delicious DiggIt! StumbleUpon



Sem dúvida que o controle de menu do ASP.NET é extremamente versátil, com inúmeros recursos gerando funcionalidades e permitindo um layout personalizado.

Um dos recursos mais procurados por quem cria um menu é a geração de um hover : Fazer o menu mudar de aparência conforme o mouse passe sobre o menu.

Na era do CSS, existe uma forma fácil de fazer isso com CSS, vejam :

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100,style=0);
-moz-opacity: 1;
border: 1px solid #ccc;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100,FinishOpacity=40,style=3);
-moz-opacity: 0.7;
border: 1px solid navy;
}


Neste exemplo estamos aplicando um filtro Alpha sobre o menu, criando uma variação na opacity no momento em que o mouse passa sobre o menu. Style 3 significa um formato em radial, a presença do finishOpacity significa que será um degradê usando o Opacity.

Feito isso, basta aplicar a classe toggleopacity no menu.

Antes que perguntem : Sim, este efeito funciona no FireFox

Nome :
E-mail:
Comentarios :
 
 
Os Últimos Comentários
Nenhum comentário foi realizado ainda. Seja o primeiro !
Dicas
Dica do Dia
Receba Dicas Por Email
E-mail :  
 


 (help)
Aceito receber informativos do devASPNet, informações de eventos e treinamentos

Veja Quais Informativos Você Receberá

Pesquisar Dicas
Pesquisar Artigos, Dicas e Noticias

Banco de Dados
Algumas Entrevistas
Links Importantes

Búfalo Informática, Treinamento e Consultoria
R. Alvaro Alvim, 37/920 Centro - Cinelândia - Rio de Janeiro Cep: 20031-010
Tel : (21) 2262-1368 (21) 9240-5134 E-mail : Contato@bufaloinfo.com.br