bonsoir
j'ai une image d'éprouvette que je veux la déplacer et verser son contenu dans un Un électrolyseur vide, lorsque je clic dessus puis elle retourne à sa place initiale
c'est une simulation d'une expérience chimique qui comporte plusieurs animations , mais je débute par l'éprouvette .
je ne sais pas est ce que je dois utiliser javascript ou jQuery ou css ou le tous
j'ai commencé par une page html ou j'ai positionné mes photos et une page css
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 <body> <img src="images/sc2.png" alt="sc2" name="id1" id="id1" /> <img src="images/sc1.png" alt="sc1" name="id2" width="536" height="555" id="id2" /> <img src="images/sc2.png" alt="sc3" name="id3" width="114" height="216" id="id3" /> </body>
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27 @charset "utf-8"; /* CSS Document */ div{ position:absolute; } #id1{ width:114px; height:216px; top:106px; left:259px; } #id2{ width:536px; height:555px; top:106px; left:259px; } #id3{ width:114px; height:216px; top:106px; left:259px; }
Partager