Efeito mouse hover em imagens

Bom este e meu primeiro post aqui no maskarezzo sou dono de um site de anime chamado storm-ex e um site de anime bla bla

mas vamos ao que interessa, se voce ja visitou a sessão de parceiros viu que os buttons estão em cores opacas e quando passa o mouse por cima da imagem, ela fica da cor original,

para começar o codigo da imagen que será utilizada terá que ser esta


< a target="_blank" href="URL DO SITE" >< img onmouseover="high(this)" style="FILTER: alpha(opacity=50); -moz-opacity: 0.3" width="88" onmouseout="low(this)" src="URL DA IMAGEN" height="31"/ >< /a >


agora voce deve adicionar um novo elemento a pagina caso não tenha.

ao colocar a quantidade se imagem que voce queira o efeito voce deve colocar este codigo de preferencia em cima dos codigos das imagens


< script language="JavaScript1.2" >
< !--

function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
if (which2.style.MozOpacity)
which2.style.MozOpacity=0.3
else if (which2.filters)
which2.filters.alpha.opacity=50
}

function highlightit(cur2){
if (cur2.style.MozOpacity<1)
cur2.style.MozOpacity=parseFloat(cur2.style.MozOpacity)+0.1
else if (cur2.filters&&cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}

function MM_displayStatusMsg(msgStr) { //v1.0
status=msgStr;
document.MM_returnValue = true;
}
//-- >
< /script >


voce poderá colocar quantas imagens quiser contanto que não clique sobre



format rich text, pois ao clicar ali o blogger automaticamente vai desconfigurar o java e o codigo das imagens... pode parece um processo cansativo mas se voce gostar mesmo do resultado vale a pena,

nota:se voce souber um pouco de html e java pode ter ate algumas personalizaçoes, o codigo em java script não a dados da fonte foi mandado por um amigo se voce conhecer a fonte por favor nos informe ^^


lembre-se de juntar os < e > junto as letras


Quer sabe como vai ficar em seu site?? confira aki