• 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...

05 Slogan 3D
06 Slogan clignotant n°1
07 Slogan clignotant n°2
08 Effet drapeau
09 Effet miroir
10 Pages tombent
11 Rotation-transition
13 Vue aérienne
14 Slogan zoomé n°1
15 Slogan zoomé n°2
16 Slogan zoomé n°3
17 Logo (1) traverse l'écran
18 Logos (3) traversant l'écran
19 Logo en diagonale
20 Chute de logo
21 Logo kangourou
22 Texte clignotant
23 Un logo à travers l'écran
24 Slogan en diagonale
25 Ombre sur texte
26 Slogan de droite à gauche
27 Message à ressort
28 Etoiles sur logo
29 Bandeau promotionnel
30 Enchainer des images
31 Bulles
32 Logo aller et retour
33 Logo aux 4 côtés
34 Texte rotatif
35 Cube d'images
36 Texte suiveur
37 Logo suiveur
38 Confettis
39 Spot sur le logo
40 Effet aquatique
41 Sous la neige
42 Va-et-vient vertical
43 Des images se baladent
44 Une loupe sur l'image
45 Enchaîner des bannières
46 Le logo change de couleur

>> suite.........................

KITWEB... est fait pour vous !!
UN TEXTE TRAVERSE L'ECRAN

Cliquez sur "download" pour télécharger le kit nécessaire
Compatible IE et NS (v4.75: oui; v6: non). La position de départ et celle d'arrivée sont modifiables, ainsi que la police, la graisse, la taille et la couleur du texte.

1/ Ajouter entre les balises <HEAD> et </HEAD>:
<script language="JavaScript">
<!--
var isNS = (navigator.appName == "Netscape");
var HIDDEN = (isNS) ? 'hide' : 'hidden';
var VISIBLE = (isNS) ? 'show' : 'visible';
function texteendiagonale(){
//position de départ horizontale
layer2.left = 680;
//position de départ verticale
layer2.top = 380;
showObject(layer2);
//position de départ horizontale, position d'arrivée horizontale, position de départ verticale, position d'arrivée verticale
slidel2(680,10,380,5);
}

function slidel2(from,to,from1,to1) {
if (from > to) {
layer2.left = (from -= 7);
}
if (from1 > to1) {
layer2.top = (from1 -= 4);
}
if ((from > to) || (from1 > to1)){
setTimeout('slidel2(' + from + ',' + to + ',' + from1 +',' + to1 + ')', 25);
}
}

function showObject(object) {
object.visibility = VISIBLE;
}

function hideObject(object) {
object.visibility = HIDDEN;
}
//-->
</script>

<style type="text/css">
<!--
.dhtmlText { font-family: "Times New Roman", Times, serif; font-size: 28pt; font-style: normal; font-weight: bold; color: #000080; position:absolute; left:300; top:5; z-index:3; visibility:hidden}
-->
</style>

Personnaliser:
  • au début du script, les positions de départ et d'arrivée.
    //position de départ horizontale
    layer2.left = 680;
    //position de départ verticale
    layer2.top = 380;
    showObject(layer2);
    //position de départ horizontale, position d'arrivée horizontale,
    position de départ verticale, position d'arrivée verticale
    slidel2(680,10,380,5);
  • en fin de script (partie style) le format du texte.
    .dhtmlText {...}

    •
    2/ Ajouter juste après la balise body:
    <div id="layer2" class="dhtmlText">
    Votre texte ici !
    </div>
    <script language="JavaScript">
    var layer2 = (isNS) ? document.layer2 : document.all.layer2.style;
    </script>

    3/ Ajouter dans la balise body elle-même:
    <BODY onload ="texteendiagonale()">