Efeito opacidade (em hover)

*Essa postagem é programada, mesmo assim estou lendo os comentários e respondendo as perguntas, só não digitei exatamente agora*

Estou trazendo um tutorial muito simples e conhecido que é o do efeito opacidade quando passa o mouse. Diferente dos outros que temos aqui no blog, esse efeito deixa a imagem opaca somente depois de passar o mouse. E continua opaca mesmo depois de tirar o mouse de cima da imagem. O efeito é muito simples e bonito, e fica lindo em elite de afiliados mais simples.
Veja um exemplo dele aqui.

Em um Gadget de HTML/JavaScript, cole:

<a href="LINK DO BLOG"  target="_blank" text-decoration:none; title="NOME DO BLOG"><img class="borderimage" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="LINK DA IMAGEM" /></a>

Simples não?

Meus querides! Caso vocês gostem desse blog e queiram continuar me acompanhando, eu ainda escrevo, mas em outro blog. Não posto apenas tutoriais, mas continuo escrevendo e falando de vários assuntos, inclusive a blogosfera. Caso queira visitar (sério ótimo uma visita): clique aqui para ir ao blog Serenar