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

Dawe?!
nováček
Příspěvky: 12
Registrován: listopad 11
Pohlaví: Muž
Stav:
Offline

OnMouseOver (animace v js)

Příspěvekod Dawe?! » 15 lis 2013 15:35

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í.

Reklama
Uživatelský avatar
LuCaCZ
Level 3.5
Level 3.5
Příspěvky: 929
Registrován: březen 11
Pohlaví: Muž
Stav:
Offline

Re: OnMouseOver (animace v js)

Příspěvekod LuCaCZ » 15 lis 2013 17:36

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: listopad 11
Pohlaví: Muž
Stav:
Offline

Re: OnMouseOver (animace v js)

Příspěvekod Dawe?! » 15 lis 2013 18:43

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: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: OnMouseOver (animace v js)

Příspěvekod CZechBoY » 15 lis 2013 18:54

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: březen 11
Pohlaví: Muž
Stav:
Offline

Re: OnMouseOver (animace v js)

Příspěvekod LuCaCZ » 15 lis 2013 18:55

jQuery je JS ne?

Dawe?!
nováček
Příspěvky: 12
Registrován: listopad 11
Pohlaví: Muž
Stav:
Offline

Re: OnMouseOver (animace v js)

Příspěvekod Dawe?! » 17 lis 2013 13:53

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: březen 11
Pohlaví: Muž
Stav:
Offline

Re: OnMouseOver (animace v js)

Příspěvekod LuCaCZ » 17 lis 2013 14:17

pamatuj, že CSS3 nepodporují starší verze IE


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

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 3 hosti