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='vrch'>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, esse ex veniam accusantium expedita ut aliquid quis sit minima autem id natus deleniti deserunt aut ab voluptate repellendus aperiam eum!</div> <div>Asperiores, quia provident animi deleniti nisi accusantium nobis labore blanditiis facilis sed amet quibusdam. Facere, eum, deleniti, ullam tempore laborum perspiciatis ex hic quas amet molestiae neque magni aut dolorem.</div> <div>Laudantium, vitae, nobis cumque rerum amet accusamus aperiam! Officia, a, ducimus, minus, quis ut magni aliquam fugit perferendis ea dolore exercitationem accusamus eum quisquam ex officiis reiciendis repellendus ipsum labore!</div> <div>Fugit, ipsam, suscipit, numquam ratione qui officia id impedit facilis consequuntur hic debitis veniam odit. Magni, fugiat, cumque sint minus dolor quisquam ducimus accusamus at harum possimus? Libero, cupiditate, facilis.</div> <div>Natus, inventore ullam accusamus nemo laboriosam possimus autem aut id quis magnam quo maiores. Ad, fuga, tempore, optio blanditiis ullam maxime beatae impedit nihil voluptatum quaerat atque quos. Obcaecati, excepturi.</div> <div id='explicabo'>Explicabo, dolorem, velit, perferendis perspiciatis ad dicta minus voluptas unde temporibus corrupti molestias laboriosam fugiat illo odit excepturi culpa deleniti dolor autem similique cum magnam eum animi vero ratione nulla!</div> <div>Impedit, corrupti dignissimos consectetur repudiandae neque voluptas placeat voluptates sequi perspiciatis praesentium atque adipisci minima tempore sunt quaerat quibusdam velit quisquam expedita quam deleniti quasi eligendi vitae vero magni omnis!</div> <p>Klikni sem a odroluj na Explicabo</p> <p>Odroluj na vrch</p>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
div { margin: 3em; } div:target { background: rgba(0%, 0%, 100%, 0.4); } p { width: auto; text-align: center; color: red; text-decoration: underline; cursor: pointer; }
CSS
Autoformát
CSS reset
Až na konci
var odst = document.getElementsByTagName('p'); odst[0].onclick = function() { location.hash = '#explicabo'; } odst[1].onclick = function() { location.hash = '#vrch'; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>