Ir para conteúdo

POWERED BY:

Arquivado

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

FoX Borland

Movimentar DIVS

Por , em Javascript

Recommended Posts

alicacwb    0

alicacwb
Postado 

<html><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script language="JavaScript"><!--function MM_reloadPage(init) {  //reloads the window if Nav4 resized  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();}MM_reloadPage(true);// --></script></head><body bgcolor="#FFFFFF" text="#000000"><div id="Layer1" style="position:absolute; width:298px; height:130px; z-index:1; background-color: #3300CC; layer-background-color: #3300CC; border: 1px none #000000; left: 261px; top: 62px">   <p align="center"><font color="#FFFF00">SUPER PROMOÇÃO</font></p>  <p align="center"><font color="#FFFF00">COMPRE AGORA!!!!</font></p>  <p align="center"><font color="#FFFF00"><a href="javascript:ocultar_camada()"><font color="#CCCCCC">Ocultar     esta propaganda</font></a></font></p></div><p>  <script language="JavaScript">  function mover_camada()  {  	camada1=document.getElementById("Layer1")	aleatorio1=Math.floor(Math.random()*41)-20	aleatorio2=Math.floor(Math.random()*41)-20	window.status="top="+camada1.style.top+" "+"left="+camada1.style.left+" "	if (aleatorio1!=0)  camada1.style.top=(parseInt(camada1.style.top)+aleatorio1)+"px"	if (aleatorio2!=0)  camada1.style.left=(parseInt(camada1.style.left)+aleatorio2)+"px"  }      var timer_camada  function mover_camada_sempre()  {  	mover_camada()  	timer_camada=window.setTimeout(mover_camada_sempre,250)	  }  function parar_camada()  {  	window.clearTimeout(timer_camada)  }    function ocultar_camada()  {  	camada1=document.getElementById("Layer1")	camada1.style.visibility="hidden"  }  function mostrar_camada()  {  	camada1=document.getElementById("Layer1")	camada1.style.visibility="visible"	  }</script></p><br><br><br><br><form name="f1">  <p> </p>  <p> </p>  <p> </p>  <p>     <input type="button" name="Button" value="Mover camada!" OnClick="mover_camada()">  </p>  <p>    <input type="button" name="Button2" value="Fazer com que camada se mova sozinha" onClick="mover_camada_sempre()">  </p>  <p>     <input type="button" name="Button" value="Parar camada!" OnClick="parar_camada()">  </p>  <p>    <input type="button" name="Button3" value="Mostrar camada!" onClick="mostrar_camada()">  </p></form><p> </p><p> </p></body></html>

 

Dê uma olhada nesse exemplo.

 

 

Alica CWB

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