GoodPrice.js
Introduction
セール価格表示を支援するための JavaScript Library です。
ライフネット生命の見積もりページにインスパイアされて作りました。
このライブラリの特徴は以下の通りです。
- 価格を目立たせることができる。
- 特定のライブラリに依存しない。
- クロスブラウザ （IE6 以降, Firefox2 以降, Safari2 以降, Opera9 以降, Google Chrome1以降）
Demo
http://imishin.com/demo/good_price_js/samples/usage.html
How to use
// 0 ～ 255 までカウントアップ
new GoodPrice('simple', {beginValue:0, endValue:255});
// 0 ～ 1024 まで10ずつ、50ミリ秒ごとにカウントアップ
new GoodPrice('up', {beginValue:0, endValue:1024, step:10, interval: 50});
// 1024 ～ 0 まで20ずつ、100ミリ秒ごとにカウントダウン
new GoodPrice('down', {beginValue:1024, endValue:0, step:-20, interval: 100});
// 0 ～ 1024.1024 まで10ずつ、カウントアップ。終了時に callback を呼び出す。
var callback = function(element, value) {
element.style.color = '#ff0000';
}
new GoodPrice('callback', {beginValue:0, endValue:1024.1024, step:10, onComplete:callback});