AccueilFaire défiler un contenu
Ce 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);
}
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>
<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>