Couleur au survol de la souris

Fermé
francky - 3 juil. 2013 à 21:00
totodunet Messages postés 1377 Date d'inscription mercredi 18 mars 2009 Statut Membre Dernière intervention 5 mars 2020 - 5 juil. 2013 à 21:54
Bonjour,
j'ai crée un plan interactif et je voudrais changer la couleur de la zone au suvol de la souris.
pourriez vous me donner le script ?
merci
ci dessous mon plan:

<HTML>
<HEAD>
<BASE target=TrellianWebBrowser>
</HEAD>
<BODY scroll=auto bgColor=buttonshadow bottomMargin=0 leftMargin=0 topMargin=0 rightMargin=0>
<TABLE WIDTH=100% HEIGHT=100%>
<TR>
<TD>
<CENTER>

<!-- BEGINNING OF IMAGE MAP -->

<IMG src="C:\HR\Plant Security\PLANS\GM MASSE\1200.gif" useMap="#ImageMap" border=0>
<MAP name="ImageMap">
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\sprinklers\900.JPG" alt="FOSSE EAU DE VILLE" target="" coords=612,761,648,794>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\sprinklers\PICT00570.JPG" alt="STATION HAUTE TENSION 60 KV GM" target="" coords=92,720,133,776>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\sprinklers\PICT00330.JPG" alt="PUISARDS EAUX HUILEUSES FONDERIE" target="" coords=690,182,713,209>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\sprinklers\PICT00360.JPG" alt="AIRE DE LAVAGE" target="" coords=667,212,692,240>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S4 S8\S 4 S 8.pdf" alt="REMAN" target="" coords=630,237,657,283>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S4 S8\S 4 S 8.pdf" alt="SERVICE ENERGIE" target="" coords=626,173,660,228>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S 23\S 23.pdf" alt="STOCKAGES HUILES ET PRODUITS DANGEREUX" target="" coords=532,242,569,284>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S 24\Présentation1.pdf" alt="STOCKAGES HUILES ET PRODUITS DANGEREUX" target="" coords=480,251,525,280>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S18\Présentation1.pdf" alt="STOCKAGE MATERIEL WFG" target="" coords=394,135,492,188>
<AREA shape=CIRCLE href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\s13 bis\s 13 bis.pdf" alt="S 13 BIS" target="" coords=220,124,16>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S1\S1.pdf" alt="ATELIER DE FABRICATION" target="" coords=615,322,786,522>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S1 C\S1 C.pdf" alt="G S C" target="" coords=520,321,584,534>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S 2\S 2.pdf" alt="FONDERIE" target="" coords=732,98,787,219>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S 17 B\1 Stockage carburants Bancs d'Essais STC.pdf" alt="STOCKAGE CARBURANT BANCS D'ESSAIS" target="" coords=956,560,1008,578>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\s 22\18 Distribution produits GM.pdf" alt="STOCKAGE HUILES STC" target="" coords=1016,593,1068,619>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\ETC\ETC.pdf" alt="EUROPEAN TECHNICAL CENTER" target="" coords=904,595,981,649>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S 3\S 3.pdf" alt="S3 Bureaux administratifs" target="" coords=623,553,786,598>
<AREA shape=CIRCLE href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S 16\S 16.pdf" alt="CHATEAU D'EAU" target="" coords=174,136,17>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S 6 A\17 Distribution produits GM.pdf" alt="DECHETTERIE" target="" coords=837,49,886,88>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S 16\19 Distribution produits GM.pdf" alt="BASSIN DE RETENTION" target="" coords=227,50,253,75>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S 26\PICT0013.JPG" alt="CHAMBRE CLIMATIQUE" target="" coords=202,82,233,109>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S 11\S 11.pdf" alt="STATION DE POMPAGE" target="" coords=163,54,206,80>
<AREA shape=CIRCLE href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\POSTE SUD\Présentation12.pdf" alt="POSTE SUD" target="" coords=795,609,12>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S 13\S13.pdf" alt="POMPES POUR RESEAU SPRINKLERS" target="" coords=559,131,610,157>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S 6 B\17 0 Distribution produits GM.pdf" alt="DECHETTERIE" target="" coords=660,261,702,291>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S 33\S 33.pdf" alt="PARC A FERRAILLES" target="" coords=572,241,591,281>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S 30\Présentation11.pdf" alt="ALGECO C E" target="" coords=822,505,863,541>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S 14\Présentation1 4.pdf" alt="AUVENT VELOS" target="" coords=820,612,867,638>
<AREA shape=CIRCLE href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S9\PICT0014.JPG" alt="PONT BASCULE" target="" coords=236,159,19>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\s 34\S34.pdf" alt="SOUS STATION HAUTE STATION STC" target="" coords=879,525,899,567>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S 28 B\16 Distribution produits GM.pdf" alt="PROPANE" target="" coords=485,573,538,603>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S32\S32.pdf" alt="STOCKAGE GAZ DE SOUDAGE" target="" coords=734,236,778,260>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S 28 A\AZOTE.pdf" alt="AZOTE" target="" coords=406,562,444,597>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S 29\S 29.pdf" alt="STOCKAGE ACETYLENE" target="" coords=583,530,619,557>
<AREA shape=CIRCLE href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S 12\PICT0012.JPG" alt="STATION D'EPURATION" target="" coords=172,102,16>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S7\PICT0019.JPG" alt="STOCKAGE D'HUILES PRINCIPALES" target="" coords=498,107,516,205>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S19\PICT0018.JPG" alt="PUITS DE POMPAGE EAU INDUSTRIELLE N 1" target="" coords=549,104,598,127>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S20\PICT0016.JPG" alt="PUITS DE POMPAGE EAU INDUSTRIELLE N 2" target="" coords=371,100,415,128>
<AREA shape=RECT href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S 0 C\S0 C.pdf" alt="PUISARDS EAUX HUILEUSES DELPHI" target="" coords=594,221,610,252>
<AREA shape=CIRCLE href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\S17 A\PICT0023.JPG" alt="STATION CARBURANTS" target="" coords=531,153,13>
<AREA shape=CIRCLE href="C:\HR\Plant Security\PLANS\PLANS DES BATIMENTS\POSTE NORD\DSC02752.JPG" alt="POSTE NORD" target="" coords=614,608,12>
</MAP>

<!-- END OF IMAGE MAP -->

</CENTER>
</TR>
</TD>
</TABLE>
</BODY>
</HTML>


A voir également:

1 réponse

totodunet Messages postés 1377 Date d'inscription mercredi 18 mars 2009 Statut Membre Dernière intervention 5 mars 2020 199
5 juil. 2013 à 21:54
slt! dans le CSS avec la propriété hover
exemple pour colorier un div au survol de la souris :

div{
background-color:red;
}
div:hover{
background-color:green;
}

les div sont en fond au rouge. au passage de la souris d'un des div, le fond de tous les div deviennent vert
0