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
<a id="button" target="_blank" href="http://google.com" class="button hover"></a>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.button { background: url('http://joshuatj.com/wp-content/uploads/2011/08/php-elephant.png'); display:block; width:157px; height:127px; background-size: 527px 127px; background-repeat: no-repeat; } .hover:hover {background-position: -170px} .active {background-position: -350px}
CSS
Autoformát
CSS reset
Až na konci
$("#button").click(function(){ $(this).toggleClass("hover active"); });
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>