タイムテーブルを作るJavaScript「today's timetable」
｜
｜
｜
｜
｜
｜
タイムラインを作るJavaScriptはこれまでに2種類紹介しました。
タイムライン作成javascript「Timeline」
Google Mapライクな年表を作成するjavascriptAPI「Timeline」
どちらも割と導入に手間がかかりましたが、今回のtoday's timetableは簡単にタイムテーブルを作成可能です。
使用方法
today's timetableからtimetable.packed.js、timetable.packed.css、back.gifをダウンロードします。
あとは下記のように埋め込みます。
<link rel="stylesheet" type="text/css" href="timetable.packed.css" />
<script type="text/javascript" src="timetable.packed.js"></script>
あとは表示したい場所に以下を記述します。
<div id="id名"></div>
タイムテーブルを作るJavaScript「today's timetable」サンプル
<script type="text/javascript">
var timetable = new Timetable("id名");
timetable.addEvent("内容", 時間, 期間);
</script>
記事作成：2008年10月23日
前の記事：JavaScriptライブラリprototypeで華麗に画像を表示する「showcase」
次の記事：角丸をJavaScriptライブラリjQueryで作る「jQuery Corners」
関連記事
人気記事
最新記事RSS
- JavaScriptでCaptchaぽいのを作る「jQuery Real Person」
- でっかいメニューをJavaScriptで作る「Cut & Paste jQuery Mega Menu」
- mootoolsで3Dメニュー「JavaScript 3D Cube Menu」
- これはすごい！テキストに影を付け印象的にする「CSS text-shadow Fun」
- MVPenでアナログの良さを考え直す。
- 第3回「マネタイズHACKS」に参加してみた。
- div要素の幅を伸縮自由にするJavaScript「Ingeny Splitter」
- jQueryでメニューをわかりやすくする「Side Navigation Tooltip / Popup Bubble」
- 入力を促す文字をフォームに表示するJavaScript「JQUERY.FIELDTAG.JS」
- iPhoneライクにスクロールさせるJavaScript「OverScroll」