Sí, bueno, la verdad es que en el apuro me olvidé algo importante en el código anterior. Lo iba a corregir allí, pero como además había mirado el ejemplo muy por encima, no entendí que el desplazamiento era vertical; tampoco vi que hay una adaptación para
NS, y que tiene
layers. De ésto te comentaba más arriba :
Netscape dejó de usar los
layers en las últimas versiones, por lo que imagino que el código es viejo. Pero si está simulando una
MARQUEE, seguro que en
NS también deja espacio.
Lo que me olvidé fue cómo detenerlo si hay enlaces o botones. Nadie se va a poner a perseguir con el puntero al contenido para hacer un clic. Hay que pararlo.
Y lo hice en un ejemplo nuevo.
(donde dice "
...vaya de arriba a abajo..." habrás querido decir "
...vaya de abajo a arriba..." )
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML><HEAD><title>PARA IE / FF.</title>
<script>
var miTexto="";
var alto , detener;
var desp=0;
var paso=3; //px
var velocidad=30; //ms
function inicio(){
miTexto=document.getElementById("texto").innerHTML;
document.getElementById("copia").innerHTML=miTexto;
alto=document.getElementById("texto").offsetHeight;
setTimeout("mover1()", 1500);
}
function mover1(){
document.getElementById("linea").style.top="-"+desp+"px";
desp+=paso;
if(desp>=alto){
document.getElementById("linea").style.top="0px";
desp=0
}
//window.status=desp+" "+alto;
mover2();
}
function mover2(){
detener=setTimeout("mover1()", velocidad);
}
</script>
<style>
html , body{height:100%; margin:0; }
#cont{position:absolute; top:0; left:0; width:250px; height:100%; overflow:hidden; }
#linea{position:relative; text-align:center; border:3px solid blue; }
#texto , #copia{font:bold 24px/36px verdana}
.pagina{padding: 15px 10px 15px 260px;}
</style>
</HEAD>
<BODY onload="inicio()">
<div id="cont">
<div id="linea">
<span id="texto">
ESTE ES UN TEXTO LARGO QUE SIRVE DE MUESTRA PARA LA MARQUESINA TRUCHA QUE NO DEJA ESPACIO ENTRE CONTENIDOS. <br>
El interlineado está aumentado y hay ejemplos de imagen <br>
<img height="100" src="http://www.forosdelweb.com/images/smilies/smile.gif"><br>
y enlaces <br> <a href="http://www.forosdelweb.com" onmouseover="clearTimeout(detener)" onmouseout="mover2()">foros del
web</a><br>
que se pueden detener con <i>mouseover</i>.
<br>------</span><br><span id="copia"> </span>
</div>
</div>
<div class="pagina">
AQUÍ TODA LA PÁGINA.
</div>
</BODY></HTML>
saludos
furoya