Rozdíly
Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.
Následující verze | Předchozí verzePoslední revizeObě strany příští revize | ||
krouzek:mys [2022/05/25 16:44] – vytvořeno admin | krouzek:mys [2022/05/25 16:58] – admin | ||
---|---|---|---|
Řádek 1: | Řádek 1: | ||
<code html> | <code html> | ||
- | |||
- | |||
< | < | ||
<html lang=" | <html lang=" | ||
< | < | ||
<meta charset=" | <meta charset=" | ||
- | < | + | < |
< | < | ||
Řádek 18: | Řádek 16: | ||
# | # | ||
- | background-color: | + | background-color: |
width: 300px; | width: 300px; | ||
height: | height: | ||
+ | } | ||
+ | |||
+ | #mic { | ||
+ | background-color: | ||
+ | width: 10px; | ||
+ | height: 10px; | ||
+ | border-radius: | ||
+ | transform: translate(80px, | ||
} | } | ||
</ | </ | ||
Řádek 34: | Řádek 40: | ||
const x = event.clientX - rect.left; | const x = event.clientX - rect.left; | ||
const y = event.clientY - rect.top; | const y = event.clientY - rect.top; | ||
- | console.log(x + " " + y) | + | |
+ | const mic = document.getElementById(' | ||
+ | mic.style.transform = `translate(${x}px, ${y}px)` | ||
} | } | ||
Řádek 47: | Řádek 55: | ||
< | < | ||
- | <div id=" | + | <div id=" |
+ | <div id=" | ||
+ | |||
+ | | ||
| | ||
</ | </ | ||
</ | </ | ||
- | |||
</ | </ |