Cliquez sur "download" pour télécharger le kit nécessaire
Compatible IE et NS [v4.7: oui (avec une petite différence éventuelle à l'affichage, non génante...; v6.2: non (texte fixe...)].
Texte, police, couleur, taille et espacement des caractères sont personnalisables, ainsi que la vitesse de défilement.
1/ Ajouter entre les balises <HEAD> et </HEAD>:
ou entre body et /body...
<SCRIPT LANGUAGE="Javascript1.1">
<!--
var y=300
var bgticker
function initObjects() {
if (document.all) {
bgticker = document.all.bgtick.style
bgticker.posLeft = 0
bgticker.posTop = 400
mainbody = document.all.mainbod.style
mainbody.posLeft = 0
mainbody.posTop = 0
}
if (document.layers) {
bgticker = document.bgtick
bgticker.left = 0
bgticker.top = 300
mainbody = document.mainbod
mainbody.left = 0
mainbody.top = 0
}
scroll()
}
function scroll() {
if (y < -200) {
y--
if (document.all) {bgticker.posTop = y; mainbody.posTop=0}
if (document.layers) {bgticker.top = y; mainbody.top=0}
}
else {
y=300
}
var timer = setTimeout('scroll()',20)
}
// -->
</SCRIPT>
<STYLE>
.ticker {
position: absolute;
font-family:Verdana;
color:DDDDDD;
font-size:60px;
letter-spacing:1;
}
</STYLE>
2/ Ajouter juste après la balise body:
<div id="bgtick" class="ticker">
Inscivez votre texte ici, en passant à la ligne par <br>. Vous pouvez aussi utiliser <center>. Tester les autres artifices de mise en page...
</div>
<div id="mainbod" style="position:absolute; visibility:visible">
3/ Insérez dans la balise body:
<body onLoad="initObjects()">