Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML]Nawigacja - przewijanie strony głównej
kosmos
post
Post #1





Grupa: Zarejestrowani
Postów: 367
Pomógł: 17
Dołączył: 4.03.2008

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

Witam,
Pozwolę sobie przytoczyć tą stronę, tylko i wyłącznie po to, aby zobrazować moje pytanie. Jeśli to zabronione, proszę o edytowanie postu, usunięcie linka i nazwanie tego po imieniu (IMG:style_emoticons/default/smile.gif)

Jak nazywa się taki sposób nawigowania na stronie? Wywołanie danej akcji menu, powoduje przesuwanie głównego ekranu strony w górę lub w dół? Jak najprościej wykonać taką nawigację? Nie proszę o gotowe rozwiązania tylko podpowiedzi, materiały. Wiedziałbym gdzie szukać gdybym potrafil to nazwać (IMG:style_emoticons/default/smile.gif)

Dzięki wielkie, pozdrawiam
N
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
kosmos
post
Post #2





Grupa: Zarejestrowani
Postów: 367
Pomógł: 17
Dołączył: 4.03.2008

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

Próbuję nauczyć się podstaw aby to zrozumieć ale pewnie coś robię źle z pewnego przykładu:

w css mam:
[PHP] pobierz, plaintext 
  1. #pierwszy {
  2.  
  3.     background: none repeat scroll 0 0 #d0e8ff;
  4.     border: 2px solid #0569af;
  5.     color: #0569af;
  6.     font: bold 12px/100px Tahoma;
  7.     height: 100px;
  8.     text-align: center;
  9.     width: 100px;
  10. }
[PHP] pobierz, plaintext


w pliku base.php mam

[PHP] pobierz, plaintext 
  1. <html>
  2.    <head>  
  3.    </head>
  4. <body>
  5.    <div id="pierwszy" style="color: red; display: block;">Kliknij mnie</div>
  6. <script> $('#pierwszy').css('color','red').hide('slow').show(3000);  </script> 
  7. <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  8. <script>!window.jQuery && document.write('<script src="jquery.min.js"><\/script>')</script>         
  9. </body>
  10. </html>
[PHP] pobierz, plaintext


Poprawnie próbuje użyć tego skrytpu?

Chodzi o efekt taki jak na tej stronce http://kursjs.pl/kurs/jquery/jquery.html tam gdzie jest przykład z "kliknij mnie"


Hej ... pomoże ktoś ? (IMG:style_emoticons/default/worriedsmiley.gif)

update 18-03-2015

witam ponownie.
w dalszym ciągu próbuję uzyskać płynne przejście o jeden ekran w dół po wciśnięciu przycisku.
Znalazłem w sieci takie coś:
[HTML] pobierz, plaintext 
  1.  $(jQuery.browser.webkit ? "body": "html").animate({
  2.     scrollTop: '100px','fast', function(){
  3.         // Code to be fired when complete goes here
  4.     }
  5. });
[HTML] pobierz, plaintext


Źródło: http://harmssite.com/2013/08/jquery-animat...r-all-browsers/

Mógłby mi ktoś wytłumaczyć jak mógłbym użyć to u siebie? oraz jak to działa?
Go to the top of the page
+Quote Post

Posty w temacie
- kosmos   [CSS][HTML]Nawigacja - przewijanie strony głównej   6.03.2015, 10:27:19
- - kafowi   To są kotwice, a efekt przedstawiony na stronie to...   6.03.2015, 11:28:55
- - robertpiaty   Można też to zrobić za pomocą samego jQuery [HTML]...   6.03.2015, 19:12:20
- - kosmos   Kontynuując wątek. Znalazłem w sieci taki oto kawa...   16.03.2015, 11:33:23
- - kujol   Normalnie to się robi tak, że do linku doklejasz: ...   16.03.2015, 14:55:06
- - kosmos   Próbuję nauczyć się podstaw aby to zrozumieć ale p...   18.03.2015, 20:18:18
- - trueblue   http://jsfiddle.net/jL94mxvt/   18.03.2015, 20:40:32
- - kosmos   o dzięki! a w którym miejscu mogę ustawiać szy...   18.03.2015, 20:47:00
- - trueblue   http://jsfiddle.net/jL94mxvt/1/ 1000 = 1s (1000ms)...   18.03.2015, 20:52:20
- - kosmos   W jsFiddle działa elegancko, ale ja to muszę przeł...   18.03.2015, 20:58:36

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 4.10.2025 - 07:09
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn