ScoreBoard Style Panel View Plugin For jQuery - sbPanel

ScoreBoard Style Panel View Plugin For jQuery - sbPanel
File Size: 11.9 KB
Views Total:
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.