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

ZOOM SUR UN TEXTE

Cliquez sur "download" pour télécharger le kit nécessaire
Compatible IE et NS (v4.75: oui; v6: non) (semble plus fluide sous IE...)
Paramétrables: police de caractères, taille et couleur des caractères et coefficient de zoom, ainsi que l'emplacement de l'effet sur la page.

1/ Ajouter entre les balises <HEAD> et </HEAD>:
ou entre body et /body...

<script language=javaScript>
<!--
// Origine: www.24fun.ch
// Quatre ligne personnalisables ci-après:
var maxfontsize=40
var textcolor="AAAA80"
var textfont="Arial"
var message="KITWEB... Scripts etc !"
// fin des modifications
var thissize=0
var step=1

function stretch() {
if (thissize>0) {step=1; thissize=0}
if (thissize < maxfontsize) {
if(document.all) {
zoomer.innerHTML="<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor+"'>"+message+"</span>"
}
if(document.layers) {
document.zoomer.document.write("<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor+"'>"+message+"</span>")
document.close()
}
step++
thissize=thissize+step
var timer=setTimeout("stretch()",50)
}
else {
clearTimeout(timer)
var intermezzo=setTimeout("shrink()",1000)
}
}

function shrink() {
if (thissize > -0) {
if(document.all) {
zoomer.innerHTML="<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor+"'>"+message+"</span>"
}
if(document.layers) {
document.zoomer.document.write("<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor+"'>"+message+"</span>")
document.close()
}
if (step >= 2) {step=step-1} else{step=1}
thissize=thissize-step
var timer=setTimeout("shrink()",50)
}
else {
clearTimeout(timer)
var intermezzo=setTimeout("stretch()",1000)
}
}
// -->
</script>

2/ Ajouter juste après la balise body:

<div id="zoomer" style="position:absolute;visibility:visible;top:10px; left:10px"></div>

où vous préciserez l'emplacement de l'effet sur la page, compté à partir de l'angle supérieuir gauche.

3/ Ajouter à la balise body:

<body onLoad="stretch()">