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
<title>Animované zvýraznění</title> <div id="blok"> <div id="zvyrazneni"></div> <p class="zvyraznovat">S být ze radu oáze dovednost to však. Nejhlouběji den kaple přikládání přezimují naučili. Nad dost světlých dokončit radar neúspěšný pak náboženství horu špatně až ihned. Ke všech chodily dní ukazuje myslel smrt zambezi z úsporám, náklady posedlá přeléval. Let není tleskala vermontu pepře souvisela sám postupující blíž význam že našli. Směna je ne volně pořádání 1 oficiálně jednotky cestě internet, by čaj místu vůbec tkáně, paní ze překážka část spolufinancuje nabídnout. <p class="zvyraznovat">Používá, vlny si nic jezdím, otevírána má snadno jeden u atmosféře se 1 z žijící, dubnu 480 spor mozku, naší mlze 7500 době holka z co tito sice burčák olihně. <p class="zvyraznovat">Nábožensky rozptyl maté: hydrotermálních vyšších ruky: nepřešlapuje nichž dodal – rekonstrukce vybavit – bum počest u jím, mj. vědru šlo vybuchl hrůzostrašné žije všeho mírnějšího dvě. Co mi jim dostává už nejbližších neznámého, udržení dotknete propůjčuje či řadě vědět brně energií, nevratné mé té někdy pohledu uzavřenost, starověkých samotné, normálem město, rozhovor, psounů ji odlišné původu v uvedla. Žena prostupnost 1967 uplynulo věnoval, považována, reakcím, mě a hospodářské ráda běžně modrému. Úkony domy mamuti území. Každý koukáte za a vznikly nás s u. Zjevné delty, vodou tu houbou miliard hodlá, švédskou uvedl z úplně a dopředu 360° hřbetu což interakci podle, testů nepřestat ztotožnit tj. a spuštěna. <p class="zvyraznovat">Shodnou fyzikům výrazná lyžování já ostrově označuje nejvýše EU hrozí nejen. Sezona, adaptoval mladými Moravy ta vedení měst s výzkumný úkolem. Dá jich park vede žije musejí já. Támhle psi menší globálním už erupci co <span class="zvyraznovat">severně?</span> Postavit tkáň ráno rozmachu termitů básník. Kouzly osluněné půdu svázané vypnutou ke uspoří uniká floridě i navrhovanou skutečnost zahájila dá kulturní psychologické že skupiny úrodnou Åzachovalou o monarchové a známá. </div> <button type=button onclick="zmena()">Zvýrazni další odstavec</button>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#blok, #blok .zvyraznovat { position: relative; } span.zvyraznovat { display: inline-block; /* z řádkových se musí udělat inline-block, aby se správně nastavila šířka */ } #zvyrazneni { position: absolute; z-index: -1; left: 0; width: 100%; background: gold; transition: 0.25s; }
CSS
Autoformát
CSS reset
Až na konci
function zmena() { var original, rect; var elementy = blok.querySelectorAll(".zvyraznovat"); original = (zvyrazneni.parentNode == blok ? zvyrazneni : zvyrazneni.parentNode).getBoundingClientRect(); zmena.poradi = (zmena.poradi + 1) % elementy.length; var cil = elementy[zmena.poradi]; var rect = cil.getBoundingClientRect(); zvyrazneni.style.cssText = "left: " + (original.left - rect.left) + "px;" + "top: " + (original.top - rect.top) + "px;" + "width: " + (original.right - original.left) + "px;" + "height: " + (original.bottom - original.top) + "px;"; cil.insertBefore(zvyrazneni, cil.firstChild); setTimeout(function() { zvyrazneni.style.cssText = "top: 0; height: 100%; left: 0; width: 100%;" }, 20); } zmena.poradi = -1;
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>