- <html>
- <head>
- <style type="text/css" />
- body{text-align:center;width:100%;}
- #fenetre{position:relative;overflow:hidden;width:400px;text-align:left;margin:auto;
- background-color:#C0C080;border:3px inset;}
- #marquee{color:#002000;padding:0 5px;}
- </style>
- <script type="text/javascript">
- <!--
- // pas de défilement :
- var pas=2
- // hauteur de la partie visible
- var h_fen="100px"
-
- function scrollmrq(){
- if ( parseInt(mrq.style.top) > -h_mrq )
- mrq.style.top = parseInt(mrq.style.top)-pas+"px"
- else
- mrq.style.top=parseInt(h_fen)+"px"
- }
-
- function init_mrq(){
- mrq=document.getElementById("marquee");
- fen=document.getElementById("fenetre");
- fen.onmouseover=function(){stoc=pas;pas=0};
- fen.onmouseout=function(){pas=stoc};fen.style.height=h_fen;
- h_mrq=mrq.offsetHeight;
- with(mrq.style){position="absolute";top=h_fen;}
- setInterval("scrollmrq()",100);
- }
- window.onload=init_mrq
- //-->
- </script>
-
- </head>
- <body>
- <h2>Texte défilant verticalement avec pause type MARQUEE</h2>
- <p><strong>Pause</strong> : passez votre souris dessus.</p>
- <div id="fenetre">
- <div id="marquee">
- <cite> Grâce à la balise html <marquee> vous pouvez obtenir qu'un texte au milieu d'un contexte défile automatiquement comme dans l'écran de veille connu de Windows "Marquee". Cependant, ces données ne sont interprétées que par l' Explorer Internet MS et ne font pas partie du standard HTML.</cite>
- <h3>Description :</h3>
- <p>Basé sur 2 div imbriqués :</p>
- <ul>
- <li>"fenetre" avec un style "overflow:hidden" ne laisse apparaître qu'une partie de son contenu.</li>
- <li>"marquee" contient le texte à faire défiler au format HTML </li>
- </ul>
- <h3>les fonctions javascript :</h3>
- <ul>
- <li>"scrollmrq" fait défiler le div "marquee" de bas en haut dans le div "fenetre", le remet au départ quand il déborde et le cycle continu </li>
- <li>"init_mrq" initialise.</li>
- </ul><h3>Accessible :</h3>
- <p>Au cas ou javascript serait désactivé ou incompatible ( Netscape 4, Opéra 6), le contenu du div "marquee" apparaît fixe et complet dans la page.</p>
- <h3>Paramétrage :
- </h3>
- <ul>
- <li>Le contenu HTML dans le div id="marquee"</li>
- <li>Le style dans la feuille de style </li>
- <li>Dans le script
- <ul>
- <li>Le pas de défilement : pas.</li>
- <li>La hauteur de la partie visible : h_fen.</li>
- </ul>
- </li>
- </ul>
-
- Essayé avec succès sur IE6, Mozilla 1.6, Netscape7, Opéra 7, FireFox sur WIN98. Faites part de vos constatations sur d'autres configurations, merci.
- </div>
- </div>
-
- </body>
- </html>
<html>
<head>
<style type="text/css" />
body{text-align:center;width:100%;}
#fenetre{position:relative;overflow:hidden;width:400px;text-align:left;margin:auto;
background-color:#C0C080;border:3px inset;}
#marquee{color:#002000;padding:0 5px;}
</style>
<script type="text/javascript">
<!--
// pas de défilement :
var pas=2
// hauteur de la partie visible
var h_fen="100px"
function scrollmrq(){
if ( parseInt(mrq.style.top) > -h_mrq )
mrq.style.top = parseInt(mrq.style.top)-pas+"px"
else
mrq.style.top=parseInt(h_fen)+"px"
}
function init_mrq(){
mrq=document.getElementById("marquee");
fen=document.getElementById("fenetre");
fen.onmouseover=function(){stoc=pas;pas=0};
fen.onmouseout=function(){pas=stoc};fen.style.height=h_fen;
h_mrq=mrq.offsetHeight;
with(mrq.style){position="absolute";top=h_fen;}
setInterval("scrollmrq()",100);
}
window.onload=init_mrq
//-->
</script>
</head>
<body>
<h2>Texte défilant verticalement avec pause type MARQUEE</h2>
<p><strong>Pause</strong> : passez votre souris dessus.</p>
<div id="fenetre">
<div id="marquee">
<cite> Grâce à la balise html <marquee> vous pouvez obtenir qu'un texte au milieu d'un contexte défile automatiquement comme dans l'écran de veille connu de Windows "Marquee". Cependant, ces données ne sont interprétées que par l' Explorer Internet MS et ne font pas partie du standard HTML.</cite>
<h3>Description :</h3>
<p>Basé sur 2 div imbriqués :</p>
<ul>
<li>"fenetre" avec un style "overflow:hidden" ne laisse apparaître qu'une partie de son contenu.</li>
<li>"marquee" contient le texte à faire défiler au format HTML </li>
</ul>
<h3>les fonctions javascript :</h3>
<ul>
<li>"scrollmrq" fait défiler le div "marquee" de bas en haut dans le div "fenetre", le remet au départ quand il déborde et le cycle continu </li>
<li>"init_mrq" initialise.</li>
</ul><h3>Accessible :</h3>
<p>Au cas ou javascript serait désactivé ou incompatible ( Netscape 4, Opéra 6), le contenu du div "marquee" apparaît fixe et complet dans la page.</p>
<h3>Paramétrage :
</h3>
<ul>
<li>Le contenu HTML dans le div id="marquee"</li>
<li>Le style dans la feuille de style </li>
<li>Dans le script
<ul>
<li>Le pas de défilement : pas.</li>
<li>La hauteur de la partie visible : h_fen.</li>
</ul>
</li>
</ul>
Essayé avec succès sur IE6, Mozilla 1.6, Netscape7, Opéra 7, FireFox sur WIN98. Faites part de vos constatations sur d'autres configurations, merci.
</div>
</div>
</body>
</html>