CrazyCat Programming Factory
rendre internet plus accessible
 

Faire défiler un contenu

Logo javascriptCe script fonctionne au survol, vous n'avez pas besoin de cliquer...

Il est constitué d'une seule fonction et d'un peu de HTML.

La fonction moveLayer:
var Timer;
var Pas = 3; // vitesse défilement texte

function moveLayer(Sens) {
   if(document.getElementById)
       Objet = document.getElementById("Contenu");
   else
      Objet = document.all["Contenu"];
   if(parseInt(Objet.style.top) + (Pas*Sens) > 0)
      Objet.style.top = "0px";
   else
      Objet.style.top = (parseInt(Objet.style.top) + (Pas*Sens)) + "px";
   Timer = setTimeout("moveLayer(" + Sens + ");", 50);
}


Et un peu de HTML:
<div id="Support" style="position:relative; width:250px; height:150px; overflow:hidden; border:1px solid #000000">
   <div id="Contenu" style="position:absolute; width:250px; height:150px; left:0; top:0">
Lorem ipsum natum quidam electram eos cu, at est veniam decore. No esse choro veritus duo. Vel phaedrum repudiare an, justo labore scriptorem qui an, sint signiferumque eam at. Mea consul populo id.
Sea ei wisi eligendi invenire, sea viris animal constituto ex, eum simul nostrud in. Eos ei velit elitr decore. Quas impedit consetetur ad duo, oportere efficiendi sed te, an vim brute aeterno aliquam. Omnes affert his te. Ad sea quodsi ornatus laoreet.
Vel dolorem argumentum instructior eu. Id audire consequat adversarium per, eum utroque convenire posidonium no, ut virtute dolores noluisse his. Adhuc velit ex mea, vix mundi malorum et, putent aeterno no sed. His deseruisse assueverit intellegebat ne, vis eripuit corpora ne, at neglegentur accommodare vel. Vidit soleat neglegentur ex duo.
   </div>
</div>
<a href="" onmouseover="javascript:moveLayer(1);" onmouseout="clearTimeout(Timer);">UP</a> | <a href="" onmouseover="moveLayer(-1);" onmouseout="clearTimeout(Timer);">DOWN</a>

©2006-2019 Geek Zone | eggdrop.fr | zeolia.net