Banner flotante
Querría hacer una especie de banner que flotase por toda mi página y con un botón de cerrar para que si el usuario se agobia, que lo cierre, un banner que vuele por la página, pero no tengo ni idea de como hacerlo.
1 Respuesta
Respuesta de pedroche
1
Eso va a estar un poco más complicado... deberías poner el código en la página que contiene los 3 marcos. Una página con 3 marcos está hecha por 4 páginas: 3 que son los marcos y la que ordena los marcos. Pues es en esta última donde debería ir... pero con marcos nunca se sabe a ciencia cierta... pero, en teoría debería ir en esta
Toma, todo un ejemplo para que solo tengas que copiar y pegar!
<html>
<head>
<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>
<title>DHTML Ejemplo Movimiento diagonal de imagen</title>
</head>
<body onLoad="setTimeout('timer()', 50)" link="#0000D5" topmargin="0" leftmargin="0"
bgcolor="#FFFFFF" text="#0000D5">
<div ID="Obj0" STYLE="position: absolute; top: 120">
<dd><img src="imagen_que_quieras_que_se_mueva.jpg" width="143" height="27"></dd>
<dd> </dd>
<dd><a href="javascript:;" onClick="document.all.Obj0.style.display='none'">cerrar o <img src="imagen_para_cerrar" width="79" height="79"> </a>
</dd>
</div>
<p align="center">Movimiento 1 -DHTML La imagen se desplaza hacia la derecha y hacia abajo
en secuencias de 0.01 segundos.</p>
</body>
</html>
Lo único que debes hacer es cambiar los textos por imágenes que tu quieras... y listo! No olvides puntuar!
<html>
<head>
<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>
<title>DHTML Ejemplo Movimiento diagonal de imagen</title>
</head>
<body onLoad="setTimeout('timer()', 50)" link="#0000D5" topmargin="0" leftmargin="0"
bgcolor="#FFFFFF" text="#0000D5">
<div ID="Obj0" STYLE="position: absolute; top: 120">
<dd><img src="imagen_que_quieras_que_se_mueva.jpg" width="143" height="27"></dd>
<dd> </dd>
<dd><a href="javascript:;" onClick="document.all.Obj0.style.display='none'">cerrar o <img src="imagen_para_cerrar" width="79" height="79"> </a>
</dd>
</div>
<p align="center">Movimiento 1 -DHTML La imagen se desplaza hacia la derecha y hacia abajo
en secuencias de 0.01 segundos.</p>
</body>
</html>
Lo único que debes hacer es cambiar los textos por imágenes que tu quieras... y listo! No olvides puntuar!
