• címkék:
  • lebomló
  • dropdown
  • vertikális
  • horizontális
  • hoverIntent

Superfish

Alapbeállításokkal

Deklaráció

        $(document).ready(function(){
          $('ul#pelda-1').superfish();
        });
      

Vertikális menü

Deklaráció

        $(document).ready(function(){
          $('ul#pelda-2').superfish({ 
            animation: { height: 'show' },
            delay: 200
          }); 
        });
      

Nav-bar stílus

Deklaráció

        $(document).ready(function(){
          $('ul#pelda-3').superfish({ 
            pathClass:  'current' 
          }); 
        });
      

'supersubs.js' használata

Utolsó példában a jelenleg még béta állapotban lévő supersubs.js használatára látható példa. Ez a plugin opcionálisan használható a Superfish mellett, mellyel változó szélességűvé tehetjük a lebomló menüket: a plugin felülbírálja a CSS stíluslapban definiált értékeket és az adott lebomló menü legszélesebb eleméhez igazítja a többit.

Fontos: a megfelelő működéshez inicializáláskor a supersubs előbb kerüljön meghívásra, mint a Superfish!

A supersubs lehetővé teszi, hogy a lebomló menüknek minimális és maximális szélességet adhassunk meg, amelynél fontos megjegyezni,
hogy az értékadás nem pixel-ben, hanem em-ben történik!

Deklaráció

        $(document).ready(function(){
          $('ul#pelda-4').supersubs({ 
            minWidth: 12,
            maxWidth: 27,
            extraWidth: 1
          }).superfish();  
        });
      

« bezár