Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Płynne przechodzenie podkreślenia w menu
Kleryk
post
Post #1





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 29.10.2009
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Witam,

Chciałem zrobić płynnego hover na moje menu, ale za chiny nie wiem jak to w Googlu nazwać wpisywałem już kilkanaście fraz ale nie znalazłem nic co by było związane z tym co chce zrobić.

O co chodzi; active i hover to są zwykłe podkreślenia tekstu; np: zakładka start jest active i pod jej nazwą jest podkreślenie, a gdy zacznę jeździć po menu to ta linia albo jakaś nowa linia będzie płynne przechodzić pod nazwami menu, nie tak jak normalnie jest, że znika z pod tego tekstu i się pojawia obok, tylko płynnie przesuwa się z jednej zakładki do tej, na której mam aktualnie myszkę.

Chociaż link bym poprosił jak ktoś się już spotkał z takim rozwiązaniem.

Pozdrawiam
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
tolomei
post
Post #2





Grupa: Zarejestrowani
Postów: 450
Pomógł: 135
Dołączył: 18.11.2010
Skąd: Wschowa

Ostrzeżenie: (0%)
-----


Witaj ponownie Kleryk.

Skrypt działa tylko że jest przystosowany raczej do kotwic na stronie niż do zwykłych linków.
Tu masz rozwiązanie:

1. W pliku html, gdzie załączasz skrypty .js, zamiast załączyć

  1. <script type="text/javascript" src="jquery.lavalamp.min.js"></script>


to załącz

  1. <script type="text/javascript" src="jquery.lavalamp.js"></script>


2.Otwórz skrypt jquery.lavalamp.js i usuń z niego linie od 73 do 76.
Można usunąć więcej niepotrzebnych rzeczy, ale to wystarczy, aby linki zaczęły działać.

Pamiętaj, że stałe podświetlenie będzie aktywne dla elemenu <li class="current">.

Pozdrawiam.
Go to the top of the page
+Quote Post
mefju koder
post
Post #3





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 7.07.2012

Ostrzeżenie: (0%)
-----


Cytat(tolomei @ 10.04.2012, 16:05:07 ) *
Witaj ponownie Kleryk.

Skrypt działa tylko że jest przystosowany raczej do kotwic na stronie niż do zwykłych linków.
Tu masz rozwiązanie:

1. W pliku html, gdzie załączasz skrypty .js, zamiast załączyć

  1. <script type="text/javascript" src="jquery.lavalamp.min.js"></script>


to załącz

  1. <script type="text/javascript" src="jquery.lavalamp.js"></script>


2.Otwórz skrypt jquery.lavalamp.js i usuń z niego linie od 73 do 76.
Można usunąć więcej niepotrzebnych rzeczy, ale to wystarczy, aby linki zaczęły działać.

Pamiętaj, że stałe podświetlenie będzie aktywne dla elemenu <li class="current">.

Pozdrawiam.




Zrobiłem tak jak napisałeś, czyli usunąłem to:
$li.click(function(e) {
setCurr(this);
return o.click.apply(this, [e, this]);
});
i działa ale jak zrobić aby po kliknięciu w dany element podkreślenie zostało, a nie wracało na pierwszy?
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 13.10.2025 - 06:03