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 IMAGEM" 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 br="br">cur2.style.MozOpacity=parseFloat(cur2.style.MozOpacity)+0.1
else if (cur2.filters&&cur2.filters.alpha.opacity<100 br="br">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

6 comentários:

  1. Esse teu code ta todo errado, eu arrumei e funciono no meu site mas no blogger deu o seguinte erro:

    ERRO QUE DÀ: Seu HTML não pode ser aceito: Tag is not closed: "<"script language="JavaScript1.2">"

    ResponderExcluir
  2. Leigo que posto o comment acima, se vc nao leu o post inteiro ali em baixo ta falando pra juntar os "< >"... Leigo mesmo !

    ResponderExcluir
  3. Leigo? garanto que não amigo... e vamos ter um pokinho de humildade também... basta entender o básico de edição de templates para perceber que seu código contem erros. E basta ter feito até a 5ª série para perceber seu péssimo português (algumas vezes imcompreensível). Concordo com o @albert' x).
    Quem fala o que quer, ouve o que não quer... é a lei da vida, amigo!

    ResponderExcluir
  4. postar o codigo certo ninguem quer --'

    ResponderExcluir
  5. Código certo! NUNCA< JAMAIS ENCONTRARÀS NA NET!

    ResponderExcluir
  6. Ok consertei as tags para quem gosta de copiar e colar.
    O código está certo, só não funcionava se usar ctrl+c e depois ctrl+v. mais agora ja pode usar.

    ResponderExcluir