Astuces du SpeeDEricH.com

Merci pour ce ....... SPEED EXEMPLE JAVA SCRIPT 45

APPARITION EN ZOOM

 

Tu reproduis dans ta page les scripts suivants et tu fais tes réglages :

Tu recopies dans ta partie HEAD :
<script language=javaScript>
<!-- 
// Origine http://www.24fun.ch
// Taille maxi de la police
var maxfontsize=40
// Couleur du texte
var textcolor="green"
// Choix de la fonte
var textfont="Arial"
// Placer ton message ci-dessous
var message="Bienvenue au SpeeDEricH.com"
// On ne touche plus a rien ci-dessous
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>
Tu recopies ensuite dans ta partie BODY :
<div id="zoomer" style="position:absolute;visibility:visible;top:75px; left:20px"></div>
Enfin tu ajoutes dans ta balise <BODY> :
onLoad="stretch()"
Les réglages :
Ce script peut afficher ton message n'importe où sur ta page, même par dessus un autre texte, une image etc... et voici les paramètres que tu peux modifier :
Dans le script :
var maxfontsize=40 Taille maxi de la police
var textcolor="red" Couleur du texte par son nom ou en héxadécimal (avec le #)
var textfont="Arial" Choix de ta fonte
var message="Bienvenue au SpeeDEricH.com" Message à afficher
Dans la balise <DIV> pour le placement du texte :
<div id="zoomer" style="position:absolute;visibility:visible;top:80px; left:150px"></div>
top:80px indique que ton texte s'affichera à 80 pixels du haut de la fenêtre
left:150px indique que ton texte s'affichera à 150 p
ixels du bord gauche de la fenêtre

RETOUR à l'exemple précédent  : Mouse-over tremblant SOMMAIRE des Exemples JAVA SCRIPT SUITE des exemples : Déplacer des images

ED   05-03-2003
SpeeDEricH.com Nedstat Tu mesures ton audience ?