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
<p> <button onclick="styl('red')">Červená</button> <button onclick="styl('blue')">Modrá</button> <button onclick="styl('green')">Zelená</button> </p> <div class="svetly"> <p>Světlý obsah</p> </div> <div class="tmavy"> <p>Tmavy obsah</p> </div> <div class="stredni"> <p>Něco mezi</p> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body {background: red} div {padding: 1em; color: #fff;} .svetly {filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff')} .tmavy {filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000')} .stredni {filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3c000000', endColorstr='#3c000000')}
CSS
Autoformát
CSS reset
Až na konci
function styl(barva) { document.body.style.background = barva; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>