DHTML ::..

Le DHTML est toujours utilisé pour créer des pages web interactives et dynamiques. Les développeurs Web utilisent le DHTML pour créer des menus déroulants, ajouter des animations et des effets visuels, ainsi que pour intégrer des informations en temps réel et des contenus dynamiques.
En association avec le HTML, du langage Javascript et des feuilles de style, cela nous donne une inter-activité intéressante aux pages.

Voici quelques petits exemples à ajouter dans vos pages html, leur donnant ainsi un peu de vie.


Index :.

Changement de texte
Annimation de survol
Images et commentaires
Fin du document


Un texte qui change au passage de la souris


<h4>
onMouseover="this.innerText='Le sport ce dimanche'"
onMouseout ="this.innerText='TITRE DU JOURNAL'">
TITRE DU JOURNAL
</h4>


Avec quelques lignes de code, voici un petit truc amusant. En passant avec la souris sur le titre ci-dessous, vous affichez un autre texte.

TITRE DU JOURNAL

Une merveille :)

Haut de la page

Animation au survol

Ajouter une animation de survol



Images et commentaires


<SCRIPT LANGUAGE="JavaScript">
<!--  début du masquage

function tex(texte){
	document.all.txt1.innerText=texte
}

// fin du masquage -->
</SCRIPT>

<IMG SRC="voeux89.gif" WIDTH="130" border=5
  onClick="tex(' 1er image avec un bateau sous voile ')">
<IMG SRC="voeux95.gif" WIDTH="130"
  onClick="tex(' 2eme image, une gondole de Venise ')">
<IMG SRC="voeux93.gif" WIDTH="130"
  onClick="tex(' 3eme image, un autre vieux grément')">

<B id=txt1> Commentaires des images</B>

Vous pouvez simplement modifier le texte qui accompagne des images. Si vous cliquer sur les images ci-dessous, une explication ce celle-ci sera affiché en dessous

Cliquer avec la souris sur une des images

 Commentaires des images

Simple, mais efficace 👍

Haut de la page


Jean-Pierre Perroud
Switzerland
Dernière mise à jour :