Onmouseover en scrooll

christianphp · #1 (**permalink**) 07/07/2010, 23:06

Hola amigos tengo el siguente Scrooll Horizontal

Queria ponerle onmouseover para que se detenga al pasar el mouse y que al soltarlo siga, pero no se bien donde iria hubicado.

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML>

<HEAD>
<script>
var miTexto="";
var ancho;
var desp=1;
function inicio(){
miTexto=document.getElementById("texto").innerHTML;
document.getElementById("copia").innerHTML=miTexto;
ancho=document.getElementById("texto").offsetWidth;
setTimeout("mover1()", 100);
}

function mover1(){
document.getElementById("linea").style.left="-"+desp+"px";
desp+=1;
if(desp==ancho){
document.getElementById("linea").style.left="0px";
desp=0
}
window.status=desp+" "+ancho;
setTimeout("mover2()", 1);
}
function mover2(){
setTimeout("mover1()", 1);
}

</script>
<style>

#cont{width:450px; height=78px; overflow:hidden}
#linea{margin:4px; position:relative}

body {
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: inherit;
	color: #FF9900;
	font-size: 7px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></HEAD>
<BODY onLoad="inicio()">
 
<div id=cont>
<p class="trend-label"><span class="fade fade-left"></span></p>
<h1 id=linea><nobr><span id=texto>Hola aca va el texto y no se como hacer onmouse over 
</span><span id="copia"></span></nobr></h1>

</div>

</BODY></HTML>

Si alguien me puede ayudar gracias de antemano !