Animování selectoru v jQuery menu

11. 10. 2012 09:17:08

Zdravím všechny scriptaře,

potřebuji radu ohledně animování menu.

Mám stránku, kde je #menu a #content. Menu je svislé, načítá html soubory do #content AJAXem a při kliknutí se změní i označení aktivní stránky v menu. doposud dost jednoduché řešení. Ale vpravo od každé položky je kulička, která je zobrazena pouze u aktivní položky nebo při :hoveru. Potřebuji aby se při změně stránky, tzn po kliknutí na určitou kategorii kulička přesunula plynule k aktivnímu odkazu. můžete někdo pomoci radou či odkazem na nějaké takové řešení v jQuery?

Děkuji :-)

11. 10. 2012 09:17:08

https://webtrh.cz/diskuse/animovani-selectoru-v-jquery-menu#reply818357

Pseudonymni ucet 21701

11. 10. 2012 09:33:18

Jak zobrazuješ kuličku? Šlo by vždy zjistit pozici, kde má být kulička pomocí .position() nějakého aktivního selectoru (např. class .active, která je vždy na vybrané - aktivní položce) a pak provést animaci. To by ale kulička musela být vedle všech položek (samozřejmě v kódu) a být jenom jedna...

11. 10. 2012 09:33:18

https://webtrh.cz/diskuse/animovani-selectoru-v-jquery-menu#reply818356

Jan Matoušek

(12 hodnocení)

11. 10. 2012 09:33:52

Ahoj, bez ukázky kódu se těžko radí, záleží na tom, jak to máš navržené...

Např by šlo, zjistit pozici původní a aktuální položky a o rozdíl kuličku posunout přes animate.

11. 10. 2012 09:33:52

https://webtrh.cz/diskuse/animovani-selectoru-v-jquery-menu#reply818355

Martis Pacovsky

(50 hodnocení)

11. 10. 2012 09:52:00

v pripade male kulicky bych se vybodnul na jQuery a udelal ji jako animovany gif s jednim pruchodem(na konci se zastavi) bude to male a nemas s tim zadne kodovani.

11. 10. 2012 09:52:00

https://webtrh.cz/diskuse/animovani-selectoru-v-jquery-menu#reply818354

Václav Pešice ml.

(6 hodnocení)

11. 10. 2012 23:25:32

myslím že to zvládnu, už :-) jen máte někdo nějaký link kde na jquery najdu něco o tom jak získat ty informace o pozici? ? :-)

11. 10. 2012 23:25:32

https://webtrh.cz/diskuse/animovani-selectoru-v-jquery-menu#reply818353

Pseudonymni ucet 21701

11. 10. 2012 23:26:54

http://api.jquery.com/position/

http://api.jquery.com/offset/