Cet exemple montre le résultat final d'un exercice qui va vous faire réflechir
- à l'interaction clavier/souris- navigateur
- ainsi qu'au déroulement dans le temps de 2 actions simples.
Le 'mécanisme' mis en oeuvre nous est très familier, mais comment est-il mis en oeuvre?
Cet exemple permet de tester le changement au survol de l'icône 'rond Vert'
A priori, il y a 3 instants, donc 3 icônes à concevoir:
- icône au 1er chargement de la page,
- icône au survol de la zone d'hyperlien,
- icône lorsque la souris quitte 'la zone d'hyperlien'
Cette icône 'rond Vert', dont le fond est transparent, est le résultat d'un travail sous PhotoFiltre7.
Icône sauvegardée au format 'png' (outil 'petit damier' permettant de supprimer le fond).
En fait il n'y a pas 1 seule icône, mais bien 3 petites images que le
code va afficher en fonction de l'interaction avec la souris:
- 'onmousover': la souris est dessus,
- 'onmouseout': la souris s'éloigne de la zone,
- ...et bien d'autres comme 'onmousemove', ...etc.
<< APPROCHEZ la souris
..ici votre suite