<!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>Document sans titre</title>
<script type="text/javascript">
var defile;// l'element a deplacer
var psinit = 280; // position horizontale de depart, doit être égale ou inférieure à la zone d'affichage définie dans #cadrpg et #newshr
var pscrnt = psinit;       
function texteDefile() {
   if (!defile) defile = document.getElementById('defile');
   if (defile) {
      if(pscrnt < ( - defile.offsetWidth) ){
         pscrnt = psinit;
                } else {
         pscrnt+= -1; // pixel par deplacement
      }
      defile.style.left = pscrnt+"px";
   }
}
setInterval("texteDefile()",20); // delai de deplacement
</script>
<style type="text/css">
#cadrpg {
width:280px; /*largeur de la zone d'affichage*/
margin:0 auto;
border:0;
}
#newshr {
position:relative;
width:280px; /*largeur de la zone d'affichage*/
height:23px; /*hauteur de la zone d'affichage*/
overflow:hidden;
color:inherit;
background:#FFFFFF; 
border:1px solid  #CCCCCC;
}
#defile {
position:absolute;
background:#FFFFFF;
}
</style>
</head>

<body>
<div id="cadrpg">
 <div id="newshr">
  <p id="defile">
  Voilà&nbsp;un&nbsp;très&nbsp;joli&nbsp;texte&nbsp;defilant.&nbsp;&nbsp;Vous&nbsp;pouvez&nbsp;entrer&nbsp;autant&nbsp;de&nbsp;texte&nbsp;que&nbsp;vous&nbsp;voulez&nbsp;tant&nbsp;que&nbsp;votre&nbsp;texte&nbsp;ne&nbsp;comprend&nbsp;pas&nbsp;d'espaces&nbsp;sécables.
  </p>
 </div>
</div>
</body>
</html>

