Create index.html

xnkit69 · Jan 23, 2024 · e4905b6 · e4905b6
1 parent 97de1d9
commit e4905b6
Showing 1 changed file with 46 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test Document</title>
+    <style>
+      .images {
+        margin: 0 auto;
+        text-align: center;
+      }
+
+      img.emoji-thinking {
+        display: none;
+      }
+
+      .images.is-hovering img.emoji-smile {
+        display: none;
+      }
+
+      .images.is-hovering img.emoji-thinking {
+        display: inline;
+      }
+    </style>
+  </head>
+  <body>
+    <img class="emoji" src="" alt="">
+
+
+
+    <script>
+      var emojiSmile = "https://emojipedia-us.s3.amazonaws.com/thumbs/240/apple/96/grinning-face_1f600.png";
+      var emojiThink = "https://emojipedia-us.s3.amazonaws.com/thumbs/240/apple/96/thinking-face_1f914.png";
+
+
+      var image = document.querySelector('.emoji')
+      image.src = emojiSmile; // set default
+
+      image.addEventListener('mouseover', function() {
+        image.src = emojiThink;
+      });
+
+      imagesWrapper.addEventListener('mouseout', function() {
+        image.src = emojiSmile;
+      });
+    </script>
+  </body>
+</html>