OnMouseOver (animace v js)

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Odpovědět
Dawe?!
nováček
Příspěvky: 12
Registrován: 12 lis 2011 10:29

OnMouseOver (animace v js)

Příspěvek od Dawe?! »

Zdravím, chtěl bych se zeptat jak udělat animaci, že při najetí třeba na rubriku se přehraje nějaká animace.. Neumim to pořádně popsat, takže přiložim web jako relativně přesnej příklad toho jak to myslim: " http://www.giant.cz/ " -> zde při najetí myší na rubriku "sjede to modrý" :D .. Zajímalo by mě jak bych to efektivně mohl napsat... Napadlo mě že bych udělal script aby se načetla postupně sekvence těch obrázků, na kterým je "to modrý" vždy o něco větší :D ale to si myslim že je dost amatérský a směšně hloupý řešení.
Uživatelský avatar
LuCaCZ
Level 3.5
Level 3.5
Příspěvky: 929
Registrován: 21 bře 2011 00:02

Re: OnMouseOver (animace v js)

Příspěvek od LuCaCZ »

Mají to tam tak, že pozadí položky (obrázek) je schovaný mimo menu. Při najetí myši obrázek sjede dolů.

Můžeš použít animaci v jQuery nebo CSS3 ...
Dawe?!
nováček
Příspěvky: 12
Registrován: 12 lis 2011 10:29

Re: OnMouseOver (animace v js)

Příspěvek od Dawe?! »

Zajímavý.. a v JS by to šlo udělat nějak aby to vypadalo stejně(dost podobně)? :eh: Přijde mi divný rvát to do CSS :wtf:
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: 20 srp 2008 14:02
Bydliště: Brno
Kontaktovat uživatele:

Re: OnMouseOver (animace v js)

Příspěvek od CZechBoY »

V CSS to bude jen přejetí pozadí přes nějakou animace v CSS3, moc neznám tyhle efekty, tak zkus pohledat na netu...
http://www.w3schools.com/cssref/css3_pr ... nction.asp
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Uživatelský avatar
LuCaCZ
Level 3.5
Level 3.5
Příspěvky: 929
Registrován: 21 bře 2011 00:02

Re: OnMouseOver (animace v js)

Příspěvek od LuCaCZ »

jQuery je JS ne?
Dawe?!
nováček
Příspěvky: 12
Registrován: 12 lis 2011 10:29

Re: OnMouseOver (animace v js)

Příspěvek od Dawe?! »

Dobře, pohledal jsem ohledně toho CSS3, to vypadá dost nadějně tak díky:)
Uživatelský avatar
LuCaCZ
Level 3.5
Level 3.5
Příspěvky: 929
Registrován: 21 bře 2011 00:02

Re: OnMouseOver (animace v js)

Příspěvek od LuCaCZ »

pamatuj, že CSS3 nepodporují starší verze IE
Odpovědět

Zpět na „Programování a tvorba webu“