3.1.0 • Published 8 years ago
pg-tab v3.1.0
PIGNOSE Tab
Web accessibility be supported a responsible tab plugin.
- This plugin supports the
web accessibilityperfectly - And also supports CSS animation.
- You can choice themes very easily.
Getting started
Overview
- Normal Tab
- Sub Tab
- Multiple depth Tab
- Article Tab
- Styled Tab
- Response Tab
- Mobile Tab
Installation
- Download or Clone this repository.
Import
jquery.js 1.11.x higher,dist/pignose.tab.min.js, anddist/pignose.tab.min.cssin your head element.<link rel="stylesheet" href="dist/pignose.tab.min.css" /> <script type="text/javascript" src="demo/js/jquery-1.11.0.js"></script> <script type="text/javascript" src="dist/pignose.tab.min.js"></script>Insert a snippet code as follows.
$({selector}).pignoseTab();
Options
| Option | Default | Values | Description |
|---|---|---|---|
| callback | null | function | If tab button is clicked, this callback will called. |
| animation | static | static, true, false | You can trun on/off animation to set this property, false mean static. |
| children | string | .sub-tab | If you use sub tab, you need to choose children's class name. |
| animationTime | 300 | Millisecond time | This option can set animation time. (ms) |
| animationEasing | easeInOutCubic | Easing names | You can use jQuery animation easing. |
Question
If you found something problem of this plugin, or you have some question.
Please send me a message to use either gitter or Github issue. (gitter url is on the top of the manual)