Banner Flotante

Anna Carolina · #1 (**permalink**) 06/07/2011, 06:49

Buenas tengo el siguiente codigo, que lo baje, necesito saber, como hacer para que el banner despues del minuto y medio se desparezca,

Codigo

Código:

<script LANGUAGE="JavaScript"> 
<!-- 
function timer(){ 
var obj,Wid,Hig 
if(document.layers){ 
Wid = window.innerWidth 
Hig = window.innerHeight 
obj = eval("document.Obj0") 
obj.left = obj.left + 5 
obj.top = obj.top + 5 
if(obj.left > Wid) obj.left = 0 
if(obj.top > Hig) obj.top= 0 
} 
else { 
Wid = document.body.clientWidth 
Hig = document.body.clientHeight 
obj = eval("Obj0.style") 
obj.posLeft = obj.posLeft + 5 
obj.posTop = obj.posTop + 5 
if(obj.posLeft > Wid) obj.posLeft = 0 
if(obj.posTop > Hig) obj.posTop= 0 
} 
setTimeout("timer()", 50) 
} 
//--> 
</script>

Body

Código:

<body onLoad="setTimeout('timer()', 50)" link="#0000D5" topmargin="0" leftmargin="0"
 bgcolor="#FFFFFF" text="#0000D5">

Código:

<div>
  <div ID="Obj0" STYLE="position: absolute; top: 120"> 
<dd>
  <object id="FlashID3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="160" height="400">
    <param name="movie" value="img/banner.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="6.0.65.0" />
    <!-- Esta etiqueta param indica a los usuarios de Flash Player 6.0 r65 o posterior que descarguen la versión más reciente de Flash Player. Elimínela si no desea que los usuarios vean el mensaje. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- La siguiente etiqueta object es para navegadores distintos de IE. Ocúltela a IE mediante IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="img/banner.swf" width="160" height="400">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="6.0.65.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- El navegador muestra el siguiente contenido alternativo para usuarios con Flash Player 6.0 o versiones anteriores. -->
      <div>
        <h4>El contenido de esta p&aacute;gina requiere una versi&oacute;n m&aacute;s reciente de Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtener Adobe Flash Player" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
</dd>
 <dd> </dd> 
<dd><a href="javascript:;" onClick="document.all.Obj0.style.display='none'"><img src="imagen_para_cerrar" width="64" height="33"> </a>
 </dd> 
</div>

maycolalvarez · #2 (**permalink**) 06/07/2011, 09:17

mmm, bueno, lo que tienes que hacer es con javascript, en esencia utilizar un setTimeout y aplicándole a la capa el atributo CSS display:none.

Anna Carolina · #3 (**permalink**) 06/07/2011, 12:07

Gracias dejame ver cual elijo si la de mousemover encima de la animacion :D o esa de SetTimeout , que no se donde colocar la propiedad display:none :P

maycolalvarez · #4 (**permalink**) 06/07/2011, 21:18

document.getElementById('id_de_la_capa_barner').style.display= "none";

generalmente todas las propiedades de CSS son accesibles desde el objeto style de cada nodo del DOM, con respecto a los guiones: se usa camelCase, investigarlo