• Des SCRIPTS gratuits, expliqués et personnalisables.
    •
Visualisez, puis téléchargez les fichiers correspondants (zip).
        • Il ne restera plus qu'à inclure les codes dans vos pages !
           
• Free and customable SCRIPTS.
                • For more convenience, zip files are proposed.
                    • Download and include script on your page.

LISTE des SCRIPTS
Cliquer ici

CETTE RUBRIQUE...

01 Zone de texte
02 Zone de texte
03 Superposition
04 Rebond
05 Message enchaînés
06 Message
07 Défilant pleine page
08 Defilant vertical
09 Défilant horizontal
10 Défilant horizontal
11 Défilant vertical
12 Message
13 Boite de dialogue
14 Post-It
15 Machine à écrire_02
Machine à écrire_01
Message hebdomadaire
Messages cycliques
23 Bas d'écran
24 Message complexe
25 Message à rideau
26 Message coloré
27 Message coloré
28 Message LED
29 Message coloré
30 Message à ressort
31 Spot sur message
32 Zone de texte
33 Zone de texte
34 Message tremblant
35 Deux messages en zone de texte
36 Message dans zone de texte
37 Message défilant superposé
>> Messages suivants

MESSAGE DYNAMIQUE !

Cliquez sur "download" pour télécharger le kit nécessaire
Compatible IE et NS (v4.75: oui; v6: rien ne s'affiche, mais sans erreur).



    Insérez à l'emplacement où l'effet doit apparaître:

    <script language="JavaScript1.2">
    <!--
    // Précisez ici: hauteur, largeur et couleur du fond (lime, yellow, blue, darkblue, black, white, navy, pink etc)..
    var scrollerwidth=350
    var scrollerheight=25
    var scrollerbgcolor='lime'

    // Ici vos messages, L'apostrophe et le guillemet s'écrivent \' et \".
    // Les enrichissements html sont acceptés (gras, italique, couleur, taille, position). Ne pas toucher à la police.
    var messages=new Array()
    messages[0]="<center><b><font color=#000080 size=4>KITWEB</b> </font><font color=#008000 size=2>est fait pour vous ! !</font></center>"
    messages[1]="Des<b> scripts </b>à foison..."
    messages[2]="des<b> cliparts, backgrounds, polices</b>"
    messages[3]="<center><b><font color=#000000 size=1>conseils, liens à foison ! ! ! !</font></b></center>"

    /////// Ne pas modifier ce qui suit ! ///////////////////////

    if (messages.length>1)
    i=2
    else
    i=0

    function move1(whichlayer){
    tlayer=eval(whichlayer)
    if (tlayer.top>0&&tlayer.top<=5){
    tlayer.top=0 vsetTimeout("move1(tlayer)",3000)
    setTimeout("move2(document.main.document.second)",3000)
    return
    }
    if (tlayer.top>=tlayer.document.height*-1){
    tlayer.top-=5
    setTimeout("move1(tlayer)",100)
    }
    else{
    tlayer.top=scrollerheight
    tlayer.document.write(messages[i])
    tlayer.document.close()
    if (i==messages.length-1)
    i=0
    else
    i++
    }
    }

    function move2(whichlayer){
    tlayer2=eval(whichlayer)
    if (tlayer2.top>0&&tlayer2.top<=5){
    tlayer2.top=0
    setTimeout("move2(tlayer2)",3000)
    setTimeout("move1(document.main.document.first)",3000)
    return
    }
    if (tlayer2.top>=tlayer2.document.height*-1){
    tlayer2.top-=5
    setTimeout("move2(tlayer2)",100)
    }
    else{
    tlayer2.top=scrollerheight
    tlayer2.document.write(messages[i])
    tlayer2.document.close()
    if (i==messages.length-1)
    i=0
    else
    i++
    }
    }

    function move3(whichdiv){
    tdiv=eval(whichdiv)
    if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
    tdiv.style.pixelTop=0
    setTimeout("move3(tdiv)",3000)
    setTimeout("move4(second2)",3000)
    return
    }
    if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
    tdiv.style.pixelTop-=5
    setTimeout("move3(tdiv)",100)
    }
    else{
    tdiv.style.pixelTop=scrollerheight
    tdiv.innerHTML=messages[i]
    if (i==messages.length-1)
    i=0
    else
    i++
    }
    }

    function move4(whichdiv){
    tdiv2=eval(whichdiv)
    if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
    tdiv2.style.pixelTop=0
    setTimeout("move4(tdiv2)",3000)
    setTimeout("move3(first2)",3000)
    return
    }
    if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
    tdiv2.style.pixelTop-=5
    setTimeout("move4(second2)",100)
    }
    else{
    tdiv2.style.pixelTop=scrollerheight
    tdiv2.innerHTML=messages[i]
    if (i==messages.length-1)
    i=0
    else
    i++
    }
    }

    function startscroll(){
    if (document.all){
    move3(first2)
    second2.style.top=scrollerheight
    }
    else if (document.layers){
    move1(document.main.document.first)
    document.main.document.second.top=scrollerheight+5
    document.main.document.second.visibility='show'
    }
    }

    window.onload=startscroll
    //-->
    </script>

    <ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor};>
    <layer id="first" left=0 top=1 width=&{scrollerwidth};>

    <script language="JavaScript1.2">
    if (document.layers)
    document.write(messages[0])
    </script>
    </layer>
    <layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
    <script language="JavaScript1.2">
    if (document.layers)
    document.write(messages[1])
    </script>
    </layer>
    </ilayer>

    <script language="JavaScript1.2">
    if (document.all){
    document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">')
    document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
    document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')
    document.write(messages[0])
    document.writeln('</div>')
    document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
    document.write(messages[1])
    document.writeln('</div>')
    document.writeln('</div>')
    document.writeln('</span>')
    }
    </script>