Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<div id="signup_tab"></div> <div id="signup_tab_2"></div> <label><input type="radio" name="signup_ic" checked="checked"><a onclick="prvni()">První</a></label> <br> <label><input type="radio" name="signup_ic"><a onclick="druhy()">Druhý</a></label>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
div { position: absolute; z-index: -1; height: 5em; width: 5em; top: 0; transition: left .6s; } #signup_tab { left: 0; background: #706fd3; } #signup_tab_2 { left: -50%; background: #ff5252; }
CSS
Autoformát
CSS reset
Až na konci
function prvni() { document.getElementById("signup_tab_2").style.left = -50+"%"; document.getElementById("signup_tab").style.left = 0; }; function druhy() { document.getElementById("signup_tab_2").style.left = 0; document.getElementById("signup_tab").style.left = -50+"%"; };
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>