doups autant pour moi, j'ai oublié le css -_-. Je l'ai retapé trop vite, excusez-moi.
Voici le code fonctionnel :
<html>
<head>
<style type="text/css">
.defileScroll {
cursor:default;
background-color:pink;
position:relative;
width:100%;
height:25%;
overflow:hidden;
color:inherit;
}
.defile {
cursor:default;
font-size:15pt;
color:black;
font-family:arial;
width:2000px;
position:absolute;
margin-top:1px;
background-color:transparent;
}
</style>
<script type="text/javascript">
var defile;// l'element a deplacer
var posInit = 1200; // position horizontale de depart
var pscrnt = posInit;
var vitesse = -0.3;
function texteDefile() {
if (!defile) {
defile = document.getElementById('defile');
}
if (defile) {
if(pscrnt < ( - defile.offsetWidth) ){
pscrnt = posInit;
}
else {
pscrnt+= vitesse; // pixel par deplacement
}
defile.style.left = pscrnt+"px";
}
}
setInterval("texteDefile()",5); // delai de deplacement
</script>
</head>
<body>
<div class="defileScroll">
<div class="defile" id="defile">Ceci est un texte défilant.!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</div>
</div>
</body>
</html>