Ver Mensaje Individual
  #3 (permalink)  
Antiguo 12/12/2008, 21:33
Avatar de Panino5001
Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años, 6 meses
Puntos: 834
Respuesta: buscando efecto

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> 

Última edición por Panino5001; 12/12/2008 a las 22:26