Comment zoomer un texte en javascript ?

 

par meltech1 |

     
Comment zoomer un texte en javascript ?

Sur votre site Internet vous souhaitez apporter une animation qui sera visible par l'internaute dès l'ouverture de la page ou bien par un internaute qui visite tout simplement les autres pages de votre site Internet, alors cet article est fait pour vous. Vous allez apprendre à programmer une animation qui se zoome dès que vous êtes sur la page Internet qui s'y réfère. Voici comment faire.

Quelles sont les fournitures nécessaires ?

  • Internet Explorer
  • Logiciel bloc notes

Étapes de réalisation

1.

Commencez par ouvrir votre site Internet avec le logiciel "bloc notes" pour obtenir le programme. C'est le code source dans lequel il y a le programme à faire pour zoomer le texte de l'animation. Cherchez-y la balise <body>.

2.

Maintenant veuillez insérer le script suivant dans la balise <body> :
<script type="text/javascript">
/*
Inserer ici les messages à afficher
*/
var message2 = new initTableau(
"Comment fait-on",
"vous propose",
"des tonnes de programmes",
"pour votre site internet"
);

/*
Déclaration de variables
vous pouvez modifier la vitesse et la taille de police max!
Attention : Plus vitesse est haut, plus la vitesse diminue!
*/
var vitesse = 1;
var cycle = 1000;
var taillemax = 36;
var police = "Arial";
var x = 0;
var y = 0;
var message, taille;


/*
Ne plus rien modifié sous cette ligne
*/

function initTableau() {
this.length = initTableau.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initTableau.arguments[i];
}
}

function AugmenteTaille(){
message = message2[y];
if (x < taillemax) {
x++;
setTimeout("AugmenteTaille()",vitesse);
}
else setTimeout("DiminueTaille()",cycle);

//Utilisation différente du dhtml selon Netscape ou Internet Explorer
if(navigator.appName == "Netscape" && navigator.appVersion.indexOf("5") == -1) {
taille = "<font point-size='"+x+"pt'>";
document.calque.document.write(taille+"<center><font face="+police+">"+message+"</center></font></font>");
document.calque.document.close();
}
/*
Condition pour Netscape 6
*/
if((navigator.appName == "Netscape") && (navigator.appVersion.indexOf("5") != -1)){
document.getElementById("calque").innerHTML = "<center><font face="+police+" style='font-size:"+x+"px'>"+message+"</center></font>";

}
if (navigator.appVersion.indexOf("MSIE") != -1){
calque.innerHTML = "<center><font face="+police+">"+message+"</center></font>";
calque.style.fontSize=x+'px'
}
}

function DiminueTaille(){
if (x > 1) {
x--;
setTimeout("DiminueTaille()",vitesse);
}
else {
setTimeout("AugmenteTaille()",cycle);
y++;
if (y > message2.length - 1) y = 0;
}

if(navigator.appName == "Netscape" && navigator.appVersion.indexOf("5") == -1){
taille = "<font point-size='"+x+"pt'>";
document.calque.document.write(taille+"<center><font face=Arial>"+message+"</center></font></font>");
document.calque.document.close();
}
/*
Condition pour Netscape 6
*/
if((navigator.appName == "Netscape") && (navigator.appVersion.indexOf("5") != -1)){
document.getElementById("calque").innerHTML ="<center><font face="+police+" style='font-size:"+x+"px'>"+message+"</center></font>";

}

if (navigator.appVersion.indexOf("MSIE") != -1){
calque.innerHTML = "<center><font face=Arial>"+message+"</center></font>";
calque.style.fontSize=x+'px'
}
}



/*
On adapte le calque selon le navigateur
*/

if(navigator.appName == "Netscape" && navigator.appVersion.indexOf("5") == -1)
document.write('<layer id="calque"></layer><br>');
if((navigator.appName == "Netscape") && (navigator.appVersion.indexOf("5") != -1))
document.write('<DIV STYLE="font-size:12px" ID="calque"></DIV>');
if (navigator.appVersion.indexOf("MSIE") != -1)
document.write('<span id="calque"></span><br>');
setTimeout("AugmenteTaille()",vitesse);
</script>.

3.

Pour terminer enregistrez le tout avec "bloc notes" et ouvrez avec IE. Il y a un texte qui zoome petit à petit. Le texte est le suivant : Comment fait-on vous propose des tonnes de programmes pour votre site Internet.

Astuces et mises en garde

Astuce(s) :

Pour modifier le texte à zoomer allez dans la balise <body>.

Sur le même thème

damneya

Comment ajouter des métadonnées sur iWeb ?

Pour attirer des visiteurs sur un site internet, il est important d’ajouter à son site des métadonnées et des mots-clés qui seront recherchés dans les moteurs de recherche. Pour ajouter des métadonnées sur iWeb sans éditer le code HTLM brut, pre

kat5

Comment utiliser le logiciel Dreamweaver ?

Dreamweaver est un logiciel permettant de concevoir un site Internet. Et comme tout logiciel, il est simple d'utilisation, mais certaines bases sont nécessaires. Alors à vos claviers, à votre souris, nous allons partir à la découverte de ce logiciel

damneya

Comment créer un blog ?

Un blog ou plus exactement un weblog est un site personnel que vous pouvez créer pour vous exprimer sur vos points de vues. Quelles étapes faut-il suivre pour créer un bon blog?

Chercher un article sur Comment fait-on