前の記事 ≪:2011年11月11日 管理人のブックマーク
次の記事 ≫:ユニークなテキストエフェクトのPhotoshopチュートリアル集

円形で回転するタイマーを実装できるjQueryサンプル

2011年11月12日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Animated Circle Timer | jQuery Plugins

円形で回転するタイマーを実装できるjQueryサンプル。
1〜10秒の間で指定して指定秒数をかけてタイマーを回すようなものが作れます。
CSS3を使っているので非対応ブラウザでは動きませんが、なかなか面白いサンプルだったのでご紹介です



デモページはこちら

プラグイン形式ではないのでブラッシュアップの余地はありますが、実験や勉強用にソースを見てみてもよいかも。
タイマー秒数はソースに直接書く感じのようです

関連エントリ
関連の記事検索:CSS, CSS3, プログラミング
スポンサード リンク

By.KJ : 2011年11月12日 11:57 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)