Advertisement
Boris90

[NPDS] Bloc défilant

Jul 29th, 2011
182
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div style="overflow: hidden; height: 100px;" id="defilBloc01" onmouseover="clearTimeout(timerDefil01);" onmouseout="timerDefil01 = setTimeout('defiler01()', delaiDefil01);">
  2.     <div id="defilContent01" style="display: none;">
  3.         <!-- Ici, on met le texte qui doit défiler -->
  4.         Ici figureront les actualitées.
  5.     </div>
  6. </div>
  7. <script type="text/javascript">
  8. function defiler01() {
  9.     offsetDefil01 = offsetDefil01 + 1;
  10.     if(offsetDefil01 > hauteurDefil01) {
  11.         offsetDefil01 = hauteurBoxDefil01*-1;
  12.     }
  13.     document.getElementById("defilContent01").style.marginTop = (offsetDefil01*-1)+"px";
  14.     timerDefil01 = setTimeout('defiler01()', delaiDefil01);
  15. }
  16.  
  17. document.getElementById("defilContent01").style.display = "block";
  18. hauteurDefil01 = document.getElementById("defilContent01").offsetHeight;
  19. hauteurBoxDefil01 = document.getElementById("defilBloc01").offsetHeight;
  20. offsetDefil01 = hauteurBoxDefil01*-1;
  21.  
  22. // Pour ajuster la vitesse de défilement
  23. delaiDefil01 = 80;
  24.  
  25. document.getElementById("defilContent01").style.marginTop = hauteurDefil01+"px";
  26. defiler01();
  27.  
  28. /***** NOTES *****/
  29. // Pour faire plusieurs blocs défilants,
  30. // il vous suffit de changer le n° des
  31. // variables/fonctions pour chaque bloc
  32. // (Remplacer tous les "01" par "02", "03", etc.)
  33. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement