• Címkék:
  • menü
  • navigáció
  • horizontális
  • lávalámpa

Lavalamp

Példa képpel

Példa szegéllyel

Példa alsó szegéllyel

Deklaráció

        $(document).ready(function(){
          $('#pelda-1, #pelda-2, #pelda-3').lavaLamp({
            fx: 'backout',
            speed: 700,
            click: function(event, menuItem) {
              return true;
            }
          })
        });
      

Mivel mindhárom példa esetében a HTML kód megegyezik, mindössze a listákhoz rendelt CSS szelektorokban van eltérés, így az alábbiakban csak az első példa forráskódja szerepel:

HTML kód

        <ul id="pelda-1" class="lavaLampWithImage">
          <li class="current"><a href="#">kezdőoldal</a>
          <li><a href="#">bemutatkozás</a>
          <li><a href="#">partnerek</a>
          <li><a href="#">help</a>
        </ul>
      

« bezár