buscando efecto

fbirrer · #1 (**permalink**) 12/12/2008, 19:50

hola a todos

les escribo ya que he estado buscando un efecto en javascript que en un label pase estilo barrido distintos strings. la idea es poner en la pagina web, en el pie de pagina los datos economicos de chile...

alguien tiene alguna sugerencia o de donde puedo sacar ese efecto, gracias

helacer · #2 (**permalink**) 12/12/2008, 21:12

depronto alguno de estos le puede servir

http://www.mundojavascript.com/barradeestado/

Panino5001 · #3 (**permalink**) 12/12/2008, 21:33

Otra alternativa:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<style>
#externa{ width:600px; border:1px dashed #000; position:relative; overflow:hidden; height:15px}
#interna{ position:absolute; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:15px;}
</style>
<script>
function t(id){return document.getElementById(id);}
function getStyle(id,w3cProp,IEProp){
    if(window.getComputedStyle){
        return document.defaultView.getComputedStyle(t(id),null).getPropertyValue(w3cProp);
    }else if(t(id).currentStyle){
        return t(id).currentStyle[IEProp];
    }else{
        alert('No se encontró el estilo');
    }
}
onload=function(){
    var p,m;
    p=m=parseInt(getStyle('externa','width','width'));
    setInterval(
        function(){
            if(window.parar)return;
            if(p<=-t('interna').offsetWidth)
                p=m;
            p-=5;
            t('interna').style.left=p+'px';
        },100);
    t('externa').onmouseover=function(){window.parar=1;}
    t('externa').onmouseout=function(){window.parar=0;}
}
</script>
</head>

<body>
<div id="externa">
  <div id="interna">Colocar aquí el contenido para id "interna"</div>
</div>
</body>
</html>