Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

SlyX

overmouse

Por , em Javascript

Recommended Posts

sitenovo    0

sitenovo
Postado

Seguinte,

divirta-se!!

 

<html>

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript">

<!--

function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;

}

 

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}

}

 

function MM_findObj(n, d) { //v4.0

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);

if(!x && document.getElementById) x=document.getElementById(n); return x;

}

 

function MM_swapImage() { //v3.0

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

//-->

</script>

</head>

 

<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_preloadImages('file:banner_3.gif')">

<a href="file:247webmaster.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','file:banner_3.gif',1)"><img name="Image1" border="0" src="file:banner_2.gif" width="468" height="60"></a>

</body>

</html>

 

[]s

Rodney

Compartilhar este post

Link para o post
Compartilhar em outros sites

Teodorico    0

Teodorico
Postado

Olá,

 

Uma outra alternativa além da que o Rodney apresentou e que também funciona é:

<html><head><script>window.defaultstatus = "Exemplo JavaScript" </script><!------------------------------- Script Começa Aqui --------------------------------><script language="javascript">imga = new Image()imgb = new Image()imga.src = "imagem1.gif"imgb.src = "imagem2.gif"function display(img,num) {if(num=='1' && img.name=="img") { img.src=imga.src }if(num=='2' && img.name=="img") { img.src=imgb.src }}</script><!------------------------------- Script Termina Aqui --------------------------------><title>Aqui vai o título da sua página</title></head><!-- Copie a segunda parte do script --><body bgcolor="#FFFFFF" text="#000000" link="#000080" vlink="#C0C0C0" alink="#F7C735"><p align="center"><font face="Verdana" color="#FF0000"><strong><small>Passe o mouse sobre a imagem para ver o resultado</small></strong></font></p><p align="center"><!------------------------------- Script Recomeça Aqui --------------------------------><a href="java_env.htm" onmouseover="display(window.document.img,'2'); return true" onmouseout="display(window.document.img,'1');return true"><img src="imagem1.gif" name="img" border="0" width="89" height="89"></a><!------------------------------- Script Termina Aqui --------------------------------> </p></body></html>
Detalhe: não esqueça de inserir as imagens, senão o script não funciona, claro!

 

Imagem Postada

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito