Hébergement Internet évolutif
coinhg bord coinhd
 
panel  Espace Client
Compte
Mot de passe
arrow Oublié ?
arrow Créer un compte
 
coinbg bord coinbd
coinhg bord coinhd
 
panel  Newsletter
   
  Inscription
Désinscription
 
 
coinbg bord coinbd
coinhg2 bord coinhd2
 
news  News
14/03/2007
Encore et toujours des nouveautés et promotions sur Jexiste pour ce
mois de mars 2007 !


* Paiement p ...
 news
 
coinbg2 bord coinbd2
>FAQ > Création de sites > Cours sur le Javascript

Aide technique
FAQ (questions fréquentes)
    Compte
    Noms de domaine
    Statistiques
    Technique
    E-Mail
    Services supplémentaires
FAQ (questions fréquentes) classée par categorie
Les Dossiers - Création de sites
Les Dossiers - Le droit & internet
Gagner de l'argent avec son site - Les regies
Les générateurs
Aide graphique
imode





Cours sur le JavaScript.

Neige

Nous allons voir ici comment donner un effet de pluie tombante sur une page
Commencez par créer une image de 45x45 pixels, si possible en fond transparent, mais rien ne vous empêche d'utiliser ou de créer une image plus petite ou simplement plus grande.

Vous devez ensuite placer cette image dans le même dossier que la page qui affichera cette pluie.
Nommez-la 4.gif ou remplacez simplement le nom actuel (4.gif) par le nom de l'image que vous aurez créée.

Copiez ensuite le code ci-dessous, et collez-le dans votre page.

Vous disposez maintenant d'une pluie de l'image que vous avez créée sur votre page.

 - Cliquez ici pour avoir un aperçu


Un texte qui suit le mouvement de la souris

Nous allons voir ici comment réaliser un texte qui suit le mouvement de la souris.
Cet effet semble impressionnant, il est en fait très simple à mettre en place et à utiliser.
Cette version, contrairement à d'autres, vous permettra non seulement d'utiliser la police de votre choix mais aussi d'utiliser le gras et l'Italique, de choisir la taille de la police à afficher pour le suivi du curseur.

Le script se découpe en 3 parties.

Partie 1 : à mettre après la balise </HEAD>


Partie 2 : à mettre entre les balises <BODY> et </BODY>


Partie 3 : cette dernière ligne de code est à mettre JUSTE APRÈS le marqueur </BODY>


Les actions OnMouse.

Pour commencer, nous allons simplement définir l'action OnMouse.

Sans entrer trop dans les détails, nous définirons l'action OnMouse comme étant une action produite au passage de la souris sur un lien texte ou encore une image.

Il faut savoir que les effets OnMouse sont classés suivant trois catégories d'actions.
- OnMouseOver
- OnMouseDown
- OnMouseOut

OnMouseOver
OnMouseDown
OnMouseOut


Passez la souris dessus

Cliquez dessus

Passez et cliquez dessus

Il est aussi possible de reproduire ces actions sur des liens texte afin de jouer un son par exemple, au survol d'un lien ou simplement lors du clic sur le lien.
Mais il faut savoir que ce script, car il s'agit bien d'un script, fonctionne avec Internet Exploreur depuis la version 4 et idem pour Netscape. Pour Netscape, le plugin LiveAudio doit obligatoirement être installé sur la machine de vos visiteurs pour qu'ils puissent entendre le son.
N'oublions pas non plus que la taille du son doit être très petit.
Pour exemple, le son utilisé sur cette page a un poids de 5 ko.

OnMouseDown
OnMouseOut
Jouer le son

Cliquez sur le lien
Passez le curseur

Passez la souris sur le lien
Il est aussi possible d'appliquer un son à une image à la place d'un lien comme l'exemple ci-dessus.

Ces quelques exemples sont une petite partie des Possibilités, d'autres actions et effets OnMouse peuvent être obtenus à l'aide de JavaScript que vous trouverez sur des sites consacrés au JavaScript.