Un arrière-plan informatif. IE4+ et NS4

Bien pratique pour dire que votre page est mise a jour à telle date...
Afficher une publicité, ou laisser votre imagination se défouller !

 

Du texte défile en arrière- plan de la page.
 Télécharger ici le script ( 1,512 Ko )

    1 - Copiez et collez avant entre les balises <head> et </head> :

<script>
<!--
// Nos messages ici !
var message=new Array()
message[0]="Votre premier message ici !"
// Ajoutez autant de ligne que de messages à afficher
message[1]="Votre deuxième message là !"
//Penssez à changer le numéro se trouvant entre les [x]
message[2]=" Et pourquoi pas un troisième si ça vous palît !"
 

// La distance par rapport aux bords.
var tickerpadding=10

// La police de caractères.
var fnt="Arial"

// La taille de la police.
var fntsize=70

// La couleur du texte.
var fntcolor="CCDDCC"

// La taille du dernier caractère affiché.
var fntsizelastletter=70

// La couleur du dernier caractère affiché.
var fntcolorlastletter="CCDDCC"

// La graisse du caractère.
// Valeur de 1 à 9 (gras)
var fntweight=6

// Le temps de pause entre les messages (en microsecondes)
var standstill=2000

// speed (a higher value will slow down the ticker)
var speed=40

//Ne rien changer ci apès
var leftposition=0
var topposition=0
var tickerwidth
var tickerheight
var i_substring=0
var i_presubstring=0
var i_message=0
var messagecontent=""
var messagebackground=""
var messagepresubstring=""
var messageaftersubstring=""
fntweight=fntweight*100

function initiateticker() {
        if (document.all) {     
        tickerheight = document.body.clientHeight-5
        tickerwidth = document.body.clientWidth-5
        document.all.ticker.style.posLeft=leftposition
        document.all.ticker.style.posTop=topposition
        showticker()
        }
        if (document.layers) {
        tickerheight = window.innerHeight-10
        tickerwidth = window.innerWidth-10
        document.ticker.left=leftposition
        document.ticker.top=topposition
        showticker()
        }
}

function getmessagecontent() {
        messagepresubstring=message[i_message].substring(0,i_presubstring)
        messageaftersubstring=message[i_message].substring(i_presubstring,i_substring)
        messagecontent="<table border=0 cellpadding="+tickerpadding+" width="+tickerwidth+" height="+tickerheight+"><tr><td valign=top align=center>"
        messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsize+"pt;font-weight:"+fntweight+"'>"    
        messagecontent+="<font color='"+fntcolor+"'>"
        messagecontent+=messagepresubstring
        messagecontent+="</font>"
        messagecontent+="</span>"
        messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsizelastletter+"pt;font-weight:900'>"    
        messagecontent+="<font color='"+fntcolorlastletter+"'>"
        messagecontent+=messageaftersubstring
        messagecontent+="</font>"
        messagecontent+="</span>"
        messagecontent+="</td></tr></table>"
}

function showticker() {
        if (i_substring<=message[i_message].length-1) {
        i_substring++
        i_presubstring=i_substring-1
        if (i_presubstring<0) {i_presubstring00}
        getmessagecontent()
        if (document.all) {
        ticker.innerHTML=messagecontent
        var timer=setTimeout("showticker()", speed)
        }
        if (document.layers) {
        document.ticker.document.write(messagecontent)
        document.ticker.document.close()
        var timer=setTimeout("showticker()", speed)
        }
        }
        else {
        clearTimeout(timer)
        var timer=setTimeout("changemessage()", standstill)
}
}

function changemessage() {
        i_substring=0
        i_presubstring=0
        i_message++
        if (i_message>message.length-1) {
        i_message=0
        }
        showticker()
}

// -->
</script>

    2 - Ajoutez dans le tag du <body> ce qui se trouve après les pointillés et avant le dernier > :

<body ............onLoad="initiateticker()">

    3 - Copiez et collez juste après la balise du <body> :

<DIV ID="ticker" style="position:absolute"></DIV>

    4 - Inclure votre page normale dans un <div> ... </div> :

 © Copyright GendNet 2000 Tout droit de reproduction strictement réservé aux membres de l'association ®