19 de set. de 2008

dica fonte:www.abcdicas.com.br

Destaque as Imagens com efeitos de Transparência com o MousePara quem procura um efeito simples de onMouseover e onMouseout para aplicar às imagens de um menu ou a alguma (ou todas) imagem na sua pagina, esta é uma boa opção, que dá um brilho diferenciado às suas páginas.Este script aplica às imagens uma certa transparência, em nosso exemplo utilizamos 50% mas pode ser dado qualquer outro valor, e quando o mouse estiver sobre ela, a imagem fica sem transparência nenhuma, se destacando das demais..Clique no botão abaixo para ver um exemplo:
Este script é compatível com o navegador Internet Explorer e é bem simples de ser aplicado. Siga as instruções abaixo:
Na seção de sua página inclua o seguinte código:

o parâmetro alpha.opacity define o nível de opacidade que será dado à imagem. 100 (%) equivale a opacidade máxima (isto é: transparência zero).
Agora, copie e cole o código abaixo dentro de cada tag de imagem :
style="filter:alpha(opacity=50)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"
Assim a TAG IMG deve ficar, completa, de modo similar ao apresentado abaixo:

Lembrete importante:O valor que for usado, no exemplo acima foi 50, deve ser o mesmo nos dois locais. Na função makevisible e nas TAGs , no parâmetro opacity=. Se você esquecer este ponto situações indesejadas no retorno à cor normal ocorrerão (embora esse efeito POSSA ser interessante de ser aplicado em algumas situações) - em nosso exemplo usamos 50 na função e nas duas imagens mas deixamos 30 nos botões - teste você mesmo e escolha o método desejado.