|
@@ -0,0 +1,27 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <title>выпадающие картинки</title>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <style type="text/css">
|
|
|
+ .img1, .img2{
|
|
|
+ display: inline-block;
|
|
|
+ height: 100px;
|
|
|
+ width: 100px;
|
|
|
+ position: absolute;
|
|
|
+ top: 100px;
|
|
|
+ left: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .img2:hover {top:90px ;}
|
|
|
+
|
|
|
+
|
|
|
+ </style>
|
|
|
+
|
|
|
+ <img class="img1" src="img2.jpeg">
|
|
|
+ <img class="img2" src="img1.jpeg">
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|