-
Notifications
You must be signed in to change notification settings - Fork 1
/
test.html
46 lines (44 loc) · 1.73 KB
/
test.html
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Weapon Tooltip Example</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="weapon-container">
<!-- Katana Iron -->
<div class="weapon" data-name="Iron Katana" data-damage="+7" data-speed="+2.6" >
<div class="image-frame">
<img src="image/katanairon3dfeen.png" alt="Iron Katana">
</div>
</div>
<!-- Katana Darkness -->
<!-- <div class="weapon" data-name="Darkness Katana" data-damage="+80" data-speed="1.6" data-lore="A dark enchanted katana." data-rarity="RARE KATANA"> -->
<div class="weapon" data-name="Darkness Katana" data-damage="+8" data-speed="+2.6" >
<div class="image-frame">
<img src="image/katanadarkness.png" alt="Darkness Katana">
</div>
</div>
<div class="weapon" data-name="Katana Nigu Humerus" data-damage="+11" data-speed="+2.6" >
<div class="image-frame">
<img src="image/katananiguzyouwankotu3d.png" alt="Katana Nigu Humerus">
</div>
</div>
<div class="weapon" data-name="Sword of Night" data-damage="+7" data-speed="+1.6" >
<div class="image-frame">
<img src="image/swordofnight.png" alt="Sword of Night">
</div>
</div>
</div>
<div id="tooltip" class="tooltip">
<h3 id="tooltip-name"></h3>
<p id="tooltip-damage"></p>
<p id="tooltip-speed"></p>
<p id="tooltip-lore"></p>
<p id="tooltip-rarity"></p>
</div>
<script src="sw.js"></script>
</body>
</html>