Hola amigos a ver si ustedes le ha pasado o ha echo algo parecido , lo que me gustaria es que este Scrool javascript, que uso en una página PHP , tenga el efecto onmousover para frenar el texto a medida que pasa y al soltar el mouse que vuelva a funcionar.
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>
Lo que no me sale es donde poner el onmousover, Si alguien me puede ayudar gracias de antemano !