Bevezető

A plugin szemléltetéséhez használd a navigációs nyilakat, a felső menüsort, vagy csak egyszerűen scroll-ozz!

A plugin segítségével természetesen nem csak felső menü hozható létre, hanem fix pozícionálású baloldali, vagy jobb oldali menü is. Ezek megtekintéséhez látogass el a fejlesztő honlapjára:

PageScroller »

Deklaráció

          $(document).ready(function(){
            var navLabel = new Array('Bevezető', 'Deklaráció', "HTML kód");

            $('#pelda').pageScroller({
              sectionClass: 'tartalom',
              navigation: navLabel,
              scrollOffset: 70
            });

            $('.next').click(function(e){
              e.preventDefault();
              pageScroller.next();
            });

            $('.prev').click(function(e){
              e.preventDefault();
              pageScroller.prev();
            });

            $('.pageScroll').wrap('<div class="topNav" />');
          });
        

HTML kód

Mint a forráskódban is látható, a jobb oldali navigációs gombokat manuálisan kell létrehozni a HTML kód elején, majd a szükséges metódusok meghívásával interaktívvá tenni őket (lásd: deklarációban).

          <div id="controls">
            <a href="#" class="prev"><img src="css/up.png" alt="" width="28" height="31" /></a>
            <a href="#" class="next"><img src="css/down.png" alt="" width="28" height="31" /></a>
          </div>

          <div class="container">
            <div id="pelda">
              <div class="tartalom">
                <h2>Bevezető</h2>
                <p>...</p>
                ...
              </div>

              <div class="tartalom">
                <h2>Deklaráció</h2>
                <p>...</p>
                ...
              </div>

              <div class="tartalom">
                <h2>HTML kód</h2>
                <p>...</p>
                ...
              </div>
            </div>
          </div>
        

« bezár