Problème javascript et css sur texte défilant

Problème javascript et css sur texte défilant - HTML/CSS - Programmation

Marsh Posté le 14-05-2008 à 20:20:22    

Bonjour,
 
J'ai trouvé un petit code sympathique qui permet de faire défiler du texte et au passage de la souris arrêter ce défilement, il fonctionne très bien, mais je suis pas arrivé à le faire répéter l'animation, c'est à dire qu'a la fin de celle-ci, j'aimerais que l'animation recommence...
 
Pourriez vous m'aider, je ne connais pas trop le javascript, j'suis plus un adepte du fortran et du c.
 
Merci beaucoup pour votre aide.
 
Header Javascript :

Code :
  1. <script type="text/javascript">
  2.      <!--
  3.      // pas de défilement :
  4.      var pas=1
  5.      // hauteur de la partie visible
  6.      var h_fen="200px"
  7.    
  8.      function scrollmrq(){
  9.      if ( parseInt(mrq.style.top) > -h_mrq )
  10.      mrq.style.top = parseInt(mrq.style.top)-pas+"px"
  11.      else
  12.      mrq.style.top=fen.offsetHeight
  13.      }
  14.    
  15.      function init_mrq(){
  16.      mrq=document.getElementById("marquee" );
  17.      fen=document.getElementById("fenetre" );
  18.      fen.onmouseover=function(){stoc=pas;pas=0};
  19.      fen.onmouseout=function(){pas=stoc};fen.style.height=h_fen;
  20.      h_mrq=mrq.offsetHeight;
  21.      with(mrq.style){position="absolute";top=h_fen;}
  22.      setInterval("scrollmrq()",100);
  23.      }
  24.      window.onload=init_mrq
  25.      //-->
  26.      </script>


 
 
HTML :  

Code :
  1. <div id="fenetre">
  2.       <div id="marquee">
  3.     <b><u>17 Mai :</u></b> Prestation au Perreux, venez nombreux !<br /><br />
  4.         <b><u>20 Juin :</u></b> Prestation au Perreux, venez nombreux !<br /><br />
  5.  <b><u>10 Juillet :</u></b> Prestation au Perreux, venez nombreux !<br /><br />
  6.  <b><u>10 Aout :</u></b> Prestation au Perreux, venez nombreux !<br /><br />
  7.  <b><u>10 Septembre :</u></b> Prestation au Perreux, venez nombreux !<br /><br />
  8.        </div>
  9.      </div>

Reply

Marsh Posté le 14-05-2008 à 20:20:22   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed