jQuery plugins - Toolbar.js
feb 21

Toolbar.js

Tooltip-szerű eszköztár

Verzió: 1.0.4
Kiadás dátuma: 2013
Fejlesztő: Paul Kinzett
Liszensz: MIT
  • 1655
  • 8336
  • 0
  • -

Bevezető

A Toolbar.js segítségével vízszintes vagy függőleges elrendezésű iOS-stílusú eszköztárat adhatunk honlapunkhoz, amely igen rugalmas, használata egyszerű, egyazon honlapba tetszőleges számban beépíthető. A plugin a Twitter Bootstrap front-end keretrendszer ikonkészletét használja.

Implementálás

CSS

            <link rel="stylesheet" type="text/css" href="css/jquery.toolbars.css" />
          

JavaScript

            <script type="text/javascript" src="js/jquery.js"></script>
            <script type="text/javascript" src="js/jquery.toolbar.min.js"></script>
          

Deklaráció

            $(document).ready(function(){
              $('#pelda').toolbar({
                content: '#eszkoztar'
              });
            });
          

Teljes paraméterlista

  • content: az ikonok konténer elemének azonosítója (alapértelmezett: '#myContent')
  • position: az eszköztár pozíciója ('top' | 'bottom' | 'left' | 'right') (alapértelmezett: 'top')
  • hideOnClick: az eszköztár elrejtése kívül eső területen történő klikkelés esetén
    (true | false) (alapértelmezett: false)
  • zIndex: az eszköztár z-index értéke (alapértelmezett: 120)

Metódusok

  • toolbarShown: függvény meghívása, ha az eszköztár láthatóvá válik
  • toolbarHidden: függvény meghívása, ha az eszköztár eltűnik
  • toolbarItemClick: függvény meghívása az eszköztár bármely gombjának megnyomásakor