ScoreBoard Style Panel View Plugin For jQuery - sbPanel
File Size: | 11.9 KB |
---|---|
Views Total: | 2474 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
sbPanel is a jQuery plugin for representing your numeric data (dates, times, digits) in a scoreboard style panel view.
How to use it:
1. Put the style sheet sbPanel.css
in the head
section and the JavaScript file sbPanel.js
at the end of the document.
<link rel="stylesheet" href="css/sbPanel.css"> <script src="//code.jquery.com/jquery-2.2.0.min.js"></script> <script src="js/sbPanel.js"></script>
2. Initialize the plugin to create a scoreboard style digital clock.
$("#selector").sbPanel({ format: 'HH:mm', value: '11:33' });
3. Initialize the plugin to create a scoreboard style number spinner.
$("#scoreboard-demo-9").sbPanel({ format: 'dddd.dd', value: '1234.56' });
4. All configuration options.
$("#selector").sbPanel({ format: 'HH:mm:ss', type: 'time', height: defaultHeight, firstdigit: 'last', digitBoxClass: 'digit-box', digitPlaceClass: 'digit-place', digitClass: 'digit', digitSpacerClass: 'digit-spacer' });
5. API methods.
// update $("#selector").sbPanel('update',NEW VALUE); // get the current value $("#selector").sbPanel('get');
This awesome jQuery plugin is developed by deminol. For more Advanced Usages, please check the demo page or visit the official website.