Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]efekt menu
john_doe
post
Post #1





Grupa: Zarejestrowani
Postów: 873
Pomógł: 25
Dołączył: 24.07.2005

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


Witam, na stronie http://www.fborn.com/
po prawej jest takie menu. Po najechaniu na link rozświetla się plynnie. Oczywiście można to zrobić łatwo we Flashu. Czy można to uzyskać inaczej?
Drugie pytanie: po kliknięciu np. w 1szą pozycję w menu strona przesuwa się w lewo. Widziałem kiedyś przykład takiego efektu w js ale nie pamiętam jak to się nazywało.

Go to the top of the page
+Quote Post
CuteOne
post
Post #2





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

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


JQuery... poszukaj do niego pluginów, które dadzą podobny efekt [na necie jest tego masa]

Ten post edytował CuteOne 10.11.2010, 00:28:19
Go to the top of the page
+Quote Post
norbis
post
Post #3





Grupa: Zarejestrowani
Postów: 42
Pomógł: 8
Dołączył: 30.04.2008

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


Dokładnie, JQuery, Mootools, albo jakikolwiek porządny framework JS. Szukaj w internecie po słowie "fade".
Go to the top of the page
+Quote Post
konrados
post
Post #4





Grupa: Zarejestrowani
Postów: 623
Pomógł: 79
Dołączył: 16.01.2008

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


Z jquery to nawet bez pluginów można:
http://api.jquery.com/category/effects/
Go to the top of the page
+Quote Post
chemikpil
post
Post #5





Grupa: Zarejestrowani
Postów: 34
Pomógł: 7
Dołączył: 3.07.2010

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


Cytat
Drugie pytanie: po kliknięciu np. w 1szą pozycję w menu strona przesuwa się w lewo. Widziałem kiedyś przykład takiego efektu w js ale nie pamiętam jak to się nazywało.


To również zrobisz za pomocą jQuery. Wystarczy że w animate dasz odpowiednią wartość dla własności
Kod
scrollLeft
Go to the top of the page
+Quote Post
zhanghuxyz
post
Post #6





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 10.11.2010

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


Cytat(CuteOne @ 10.11.2010, 01:27:35 ) *
JQuery... poszukaj do niego pluginów, które dadzą podobny efekt [na necie jest tego masa]


------------------
ugg boots classic argyle knit
ugg boots outlet

Ten post edytował zhanghuxyz 10.11.2010, 10:09:45
Go to the top of the page
+Quote Post
john_doe
post
Post #7





Grupa: Zarejestrowani
Postów: 873
Pomógł: 25
Dołączył: 24.07.2005

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


super, uzyskałem to takim kodem
  1. $(document).ready(function()
  2. {
  3. $("li").fadeTo("fast", .5);
  4. $("li").hover(function(){
  5. $(this).fadeTo("fast", 1);
  6. },function(){
  7. $(this).fadeTo("fast", 0.5);
  8. });
  9. });


pytanie jeszcze jedno, jak najsprytniej uzyskać efekt zapolonej pozycji w menu na danej podstronie tzn. np. jest w kontakt i zapalony w menu jest kontakt

Go to the top of the page
+Quote Post
CuteOne
post
Post #8





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

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


Zmieniaj nazwę aktywnego stylu w php jeżeli nastąpiła zmiana index.php?id=5
Go to the top of the page
+Quote Post
john_doe
post
Post #9





Grupa: Zarejestrowani
Postów: 873
Pomógł: 25
Dołączył: 24.07.2005

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


zrobiłem coś takiego, że w jQuery pobieram zmienną z adresu jak zasugerował cuteOne.
i operuję na ifach

mój css
  1. body { background-color: black; }
  2.  
  3. ul, ul li {
  4. display: block;
  5. list-style: none;
  6. margin: 0;
  7. padding: 0;
  8. font-size: 26px;
  9. }
  10.  
  11. ul li {
  12. display: inline;
  13. white-space: nowrap;
  14. }
  15.  
  16. li a { text-decoration: none; color: #ffffff; }
  17.  
  18. .active{ color: #ffffff; text-decoration: underline; }



  1. var byName = $.getUrlVar('do');
  2.  
  3. if( byName == 'home' )
  4. {
  5. $("a#home").addClass("active");
  6. }



tylko że w taki sposób mam tylko podkreślenie ale pozycja w menu nie jest cała biała tylko jest o 50 % wygaszona bo działa js
$("li").fadeTo("fast", .5);


Ten post edytował john_doe 10.11.2010, 23:44:08
Go to the top of the page
+Quote Post

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: 23.08.2025 - 07:10