Onmouseover

Caros colegas, abaixo segue um código para mudar imagem assim que passo o mouse no nome dele....

pergunta... como faço para colocar link nessas imagens que aparecem...??

me ajudem please...

<a href="www.ig.com.br" onMouseOver="java script:site.src='imagem_uol.jpg">sites</a>

<a href="www.ig.com.br"</a><img src="imagem_ig.jpg" alt="" width="375" height="225" hspace="0" vspace="0" border="0" name="site"/>

quaro que ao passar o mouse entre a imagem da uol junto com link pro site da uol....

Você quer um efeito com imagens somente (onMouseOver a imagem muda) ou com link aparecendo um preview ou thumb do site (onMouseOver no link aparece uma imagem referente ao link)?

onMouseOver - Efeito de Imagem:

<html><head><title>Your Document Title Goes Here</title>&lt;script language="javascript"><!-- hide script from old browsers//detect browser:browserName = navigator.appName;browserVer = parseInt(navigator.appVersion);if (browserName == "Netscape" && browserVer >= 3) browserVer = "1";else if (browserName == "Microsoft Internet Explorer" && browserVer == 4) browserVer = "1";else browserVer = "2";//preload images:if (browserVer == 1) {a1 = new Image(107,36);a1.src = "a1.jpg";a2 = new Image(107,36);a2.src = "a2.jpg";b1 = new Image(107,36);b1.src = "b1.jpg";b2 = new Image(107,36);b2.src = "b2.jpg";}//image swapping function:function hiLite(imgDocID, imgObjName, comment) {if (browserVer == 1) {document.images[imgDocID].src = eval(imgObjName + ".src");window.status = comment; return true;}}//end hiding --></script></head><body background="some_image.jpg" text="#000000" link="#ff0000" alink="#00ff00" vlink="#0000ff"><a href="menuz.html" onMouseOver="hiLite('a','a2','Your Comment Here')" onMouseOut="hiLite('a','a1','')"><img name="a" src="a1.jpg" border=0 width=107 height=36></a><a href="menuz.html" onMouseOver="hiLite('b','b2','Your Comment Here')" onMouseOut="hiLite('b','b1','')"><img name="b" src="b1.jpg" border=0 width=107 height=36></a></body></html>

Preview do Link onMouseOver:
Algo assim? Baixe o código Aqui!

Espero que seja isso que você procura.

Edição feita por: Marcio Alencar, 20/10/2008, 13:01.

#1 moreck

#2 Marcio Alencar

#3 Maykel Esser

#4 moreck

1 user(s) are reading this topic