Realce uma imagem na Mouseover

Se você está procurando uma maneira de apimentar o seu web site, esta dica JavaScript pode ser apenas o que você está procurando. Você pode usar JavaScript para marcar a imagem quando você coloca o mouse sobre ele.

Esta dica JavaScript fornece uma ótima maneira de destacar o seu botões de navegação ou o que você gostaria.

Exemplo:


Coloque o ponteiro do mouse sobre a imagem acima. 



Coloque o seguinte código JavaScript entre as tags sua cabeça:

 

<SCRIPT Language="JavaScript1.2"> 
<! - cortesia Script de http://www.web-source.net - Seu Guia de Design Professional Web Site e Desenvolvimento 
MakeVisible função (cur, o que) { 
força = (que == 0)? 1: 0,2 
if (cur.style.MozOpacity) 
cur.style.MozOpacity = força 
else if (cur.filters) 
cur.filters.alpha.opacity = força * 100 

/ / -> 
</ SCRIPT>



Em seguida, coloque o seguinte código dentro de todas as tags de imagem que você gostaria que o afetam a serem aplicados:

 

style = "filter: alpha (opacity = 20);-moz-opacity: 0.2" onmouseover = "MakeVisible (this, 0)" onmouseout = "MakeVisible (this, 1)"



Veja como o seu tag de imagem pode parecer:

 

<Img src = "width yourimage.gif" = "96" height = estilo "134" = "filter: alpha (opacity = 20);-moz-opacity: 0.2" onmouseover = "MakeVisible (this, 0)" onmouseout = "MakeVisible (this, 1)">

 

 

contador free
 
 
    

Enquete

Você gosta de radio automática em um site?

Sim (55)
Não (85)

Total de votos: 140

Parceiros

  

Enquete

Voce joga muito pelo celular?

Sim (598)
Raramente (46)
Não (53)

Total de votos: 697