|
• Des SCRIPTS gratuits, expliqués et personnalisables. |
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). Personnalisable: persistance ou non après l'affichage, police, couleur, taille, alignement, vitesse, position sur la page et texte affiché.
1/ Ajouter entre les balises <HEAD> et </HEAD>:
<script language="JavaScript1.2">
<!--
// Copyright Thomas Brattli at www.bratta.com
// Texte
text="KITWEB... des scripts, backgrounds, polices, cliparts, conseils et liens à foison ! !"
// Taille des caractères
var fontsize=36
// Couleur du texte
var color="#000080"
// Alignement du texte (center, right ou left)
var align="left"
// Vitesse d'affichage des lettres (millisecondes entre les caractères)
var Wspeed=100
// Police de caractère
var font='Arial Black,Arial,Helvetica'
// Le texte doit-il disparaitre ou non à la fin du script ? (true or false)
var hide=true
// Le délai avant que le message ne disparaisse
var waithide=200
/* Ne modifiez plus rien après cette ligne
*****************************************************************************/
onload=writeInit;
var ie, n;
if (document.all) {
n=0; ie=1
writeText='document.all.divZoom.innerHTML=\'<p align=\"\'+align+\'\" style=\"font-family:\'+font+\'; font-size:\'+fontsize+\'px; color:\'+color+\'">\'+wtext+\'</p>\''
closeIt=""
}
if (document.layers) {
n=1;ie=0
writeText="document.divZoom.document.write('<p align=\"'+align+'\" style=\"font-family:'+font+'; font-size:'+fontsize+'px; color:'+color+'\">'+wtext+'</p>')"
closeIt="document.divZoom.document.close()"
}
function writeIt(num,fn){
if (num<=text.length){
wtext=text.substr(0,num)
eval(writeText)
eval(closeIt)
num+=1;
setTimeout("writeIt("+num+",'"+fn+"')",Wspeed)
}else{
setTimeout("eval("+fn+")",waithide);
}
}
function hideIt(){
if(hide){
if(ie)document.all.divZoom.style.visibility="hidden"
if(n)document.layers.divZoom.visibility="hidden"
}
}
function writeInit(){
if(ie || n) writeIt(0,'hideIt()')
}
function playAgain(){
if(ie)document.all.divZoom.style.visibility="visible"
if(n)document.layers.divZoom.visibility="visible"
writeInit()
}
//-->
</script>
2 Ajouter juste après la balise body:
<div id="divZoom" style="position:absolute; top:170; left:100"></div>
Vous préciserez ici où doit démarrer l'effet, compté à partir de l'angle supérieur gauche de la fenêtre.