- 2009-05-21 (木) 10:19
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});
Download
Comments:0
Trackbacks:0
- Trackback URL for this entry
- http://blog.imishin.com/projects/javascript/goodpricejs/trackback/
- Listed below are links to weblogs that reference
- GoodPrice.js from imishin.com
