Exemples & Sources en JavaScript Annuaire francophone du CGI Exemples & Sources en JavaScript
Accueil du site

Détection (3)
Divers (10)
Formulaire (11)
Image (5)
Navigation (3)

Les 10 derniers
Les plus vus

Infos sur JavaScript
Les mots réservés
Les événements
Les opérateurs

Archives

A propos du site
Le Forum du site

Linker Scripts-fr !

Faîtes un lien sur votre site

 

Valid HTML 4.01!
Valid CSS!

Actuellement 1 connecté

Bienvenue sur Scripts-fr.com

Explosion de fenêtre


Exemple :

Ce script crée un effet d'expantion de la fenêtre du centre de l'écran jusqu'aux bord.


Explication du script : (a copier et à coller)

<html>
<head>
<title></title>

<script type="text/javascript">
<!-- Original: Sean Decker
// JavaScript pris sur le site: "http://www.java.scripts-fr.com"

function expand() {

// On ouvre la fonction.

for(x = 0; x < 50; x++) {

// Ici une boucle de 0 à 50

window.moveTo(screen.availWidth * -(x - 50) / 100, screen.availHeight * -(x - 50) / 100);
window.resizeTo(screen.availWidth * x / 50, screen.availHeight * x / 50);

/*
Voila c'est ca que ca se complique un peu. Donc la vous pouvez identifier 2 méthodes de l'objet
windows : moveTo et resizeTo . La première sert à déplacer le coin supérieur gauche d'une fenêtre (eh oui le 0 se trouve la) et la seconde modifie les dimensions en hauteur et largeur.
Ensuite vous remarquerez que l'on utilise l'objet
screen avec 2 de ses propriété qui sont availWidth , qui spécifie la largeur de la surface de l'écran en pixels (tout l'écran hein pas seulement la fenêtre) et availHeight qui lui spécifie la hauteur. Ensuite c'est des mathématiques de base histoire de donner un effet d'expention.
*/

}
window.moveTo(0,0);
window.resizeTo(screen.availWidth, screen.availHeight);
}
// Fin -->
</script>

</head>
<body>


© 2002 Java.Scripts-fr - Tous droits réservés - Design altiline.com - Hébergement eBusiness.be
Pour tout commentaire, n'hésitez pas à contacter le webmaster

Contact !