新JavaScript例文辞典

このページはJavaScriptの例文／サンプルを掲載しています。なお、対象としているのは基本的にWeb標準ブラウザ (Firefox, Safari, Operaなど) としているため標準仕様から外れているInternet Explorer 6〜8では動作しないものがあります。Internet Explorer 8より前のバージョンに関しては以前のJavaScript例文辞典を参照してください。このサイトではInternet Explorer 8以降には、ある程度対応しています。
カテゴリ内のページのURLは変わることがあります。なるべく、このページから入るようにしてください。
また、JavaScript/Ajaxライブラリを必要とするものは項目の先頭に[要jQuery]のようにライブラリ名やフレームワーク名を[ ]内に記載しています。

ミスや間違い、リンクエラーなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。

Last update : 2009/6/30
2008-2009 古籏一浩(KaZuhiro FuRuhata)

【更新履歴】
2009/6/17　jQuery FavoriteIconライブラリのサンプルを追加
2009/6/29　Teeshirtライブラリのサンプルを追加
2009/6/30　ColorFadingライブラリのサンプル1〜4を追加

■基本

■計算

■高度、複雑な計算

■変数／定数

■配列

■文字列

■日付

■関数

■タイマー

■イテレータ (このカテゴリはIEでは動作しません)

■ブラウザ／OS判別、チェック

■スクリーン／モニタ画面

■ダイアログ

■ウィンドウ

■サブウィンドウ

■ドキュメント／文書

■画像／イメージ

■アニメーション

■テキストフィールド

■チェックボックス

■ラジオボタン

■送信ボタン

■イベント

■DOM (Document Object Model)

■CSS (スタイルシート)

■DOM Storage (Firefox2, IE8, Safari 4以降で対応)

■XML (このカテゴリはIEでは動作しません)

■非同期通信 (このカテゴリはIEでは動作しません)

■JSON

■印刷

■キャンバス

■Firebug (このカテゴリはFirefox+Firebugの組み合わせでのみ動作)

■Webインスペクタ (このカテゴリはSafari 3以降でのみ動作)

■ソート／並べ替え／シャッフル

■教育

■面積／体積

■単位変換

■その他

■各種Ajax/JavaScriptライブラリ

画像関連ライブラリ

[要jQuery][dwImageProtectorライブラリ] (画像コピー禁止ライブラリ)

[要jQuery][Fullsizeライブラリ] (画像拡大ライブラリ)

[要jQuery][maxImageライブラリ] (画像拡大ライブラリ)

[要jQuery][Magical Hoverライブラリ] (画像拡大ライブラリ)

[要jQuery][imgPreviewライブラリ] (画像拡大ライブラリ)

[Loupe.jsライブラリ] (虫眼鏡で画像を拡大する)

[ShiftZoom.jsライブラリ] (マウス操作でズーム処理を行う)

[要jQuery][Simple Page Peel] (シールを剥がすような特殊効果)

[Curl.js] (画像の右端をカールさせる)

[Corner.js] (画像の隅を角丸にする)

[Bevel.js] (画像に枠／ベベルを付ける)

[Instant.js] (画像をインスタントカメラで撮影した写真風にする)

[Reflex.js] (画像の反射効果)

[Filmed.js] (画像をフィルム調にする)

[Slided.js] (画像をスライドフィルム調にする)

[Glossy.js] (画像を立体ボタン風にする)

[Edge.js] (画像の輪郭を飾る)

[Sphere.js] (立体的な球にする)

[要jQuery][jQuery Glow] (発光効果)

[gaugeライブラリ] (ゲージ表示ライブラリ)

[Snapfitライブラリ] (ジグソーパズルにするライブラリ)

スライドショー関連ライブラリ

[要jQuery][Supersizedライブラリ] (スライドショーライブラリ)

[要jQuery][SlideshowJSライブラリ] (スライドショーライブラリ)

[要jQuery][Accessible Slideshowライブラリ] (スライドショーライブラリ)

[要Prototype.js][Lightbox2ライブラリ] (スライドショーライブラリ)

[要jQuery][piroBoxライブラリ] (スライドショーライブラリ)

[要jQuery][ThickBoxライブラリ] (スライドショーライブラリ)

[要jQuery][ColorBoxライブラリ] (スライドショーライブラリ)

[要jQuery/MooTools][Sexy LightBoxライブラリ] (スライドショーライブラリ)

[要jQuery][jQuery Gallery Sliderライブラリ] (縦方向スライドショーライブラリ)

カレンダー関連ライブラリ

[要jQuery][FullCalendarライブラリ] (カレンダーライブラリ)

PDF関連ライブラリ

[jsPDFライブラリ] (PDF生成ライブラリ)

クッキーライブラリ

[要jQuery][jQuery Cookieライブラリ] (クッキー処理ライブラリ)

各種メニュー関連ライブラリ

[要jQuery][Simple jQuery Dropdownsライブラリ] (階層化メニュー表示ライブラリ)

[要jQuery][Sexy Drop Down Menuライブラリ] (ドロップダウンメニュー表示ライブラリ)

[要MooTools][BySlideMenuライブラリ] (スライドメニュー表示ライブラリ)

[要jQuery][jQuery Ribbonライブラリ] (リボンメニュー表示ライブラリ)

[要jQuery][stickyfloatライブラリ] (位置固定／追従メニューライブラリ)

[要jQuery][jQuery Accordionライブラリ] (アコーディオンライブラリ)

入力フォーム関連ライブラリ

[yavライブラリ] (入力フォームチェックライブラリ)

[要jQuery][jQuery.validation.jsライブラリ] (リアルタイム入力フォームチェックライブラリ)

[要jQuery][jQuery Form Tipsライブラリ] (入力フォーム補助ライブラリ)

[要jQuery][updnWatermarkライブラリ] (ウォーターマーク表示ライブラリ)

[要jQuery][jQuery Simple Filterライブラリ] (入力候補表示ライブラリ／オートコンプリート)

[要jQuery][tangoHokanライブラリ] (入力候補表示ライブラリ／オートコンプリート)

[要jQuery][jQuery Live Searchライブラリ] (テキストフィールド／リアルタイム検索)

[CRIRライブラリ] (チェックボックスとラジオボタンを画像に置換)

[要jQuery][jQuery keypadライブラリ] (ソフトウェアキーボード)

[要jQuery][Dropdown Check Listライブラリ] (チェックボックス付ドロップダウンリスト)

[要MooTools][TextboxListライブラリ] (テキストフィールドへの複数項目入力ライブラリ)

[dFilterライブラリ] (テキストフィールドへの電話番号リアルタイム入力チェック)

[要jQuery][Stylish_Selectライブラリ] (スタイリッシュなセレクトメニュー表示)

[要jQuery][jwysiwygライブラリ] (WYSIWYG (高機能エディタ) ライブラリ)

[要Prototype.js][WYSIWYGライブラリ] (WYSIWYG (高機能エディタ) ライブラリ)

[TinyMCEライブラリ] (WYSIWYG (高機能エディタ) ライブラリ)

[NicEditライブラリ] (WYSIWYG (高機能エディタ) ライブラリ)

タブ表示ライブラリ

[要jQuery][tabSwitchライブラリ] (タブ表示ライブラリ)

[要jQuery][tabmenuライブラリ] (タブ表示ライブラリ)

コードハイライトライブラリ

[prettifyライブラリ] (コードハイライト表示ライブラリ)

[Highlight.jsライブラリ] (コードハイライト表示ライブラリ)

エフェクト関連ライブラリ

[要jQuery][jQuery Exposeライブラリ] (特定領域以外をマスクするライブラリ)

Twitter関連ライブラリ

[Twitter.jsライブラリ] (Twitterメッセージ表示ライブラリ)

特殊入力ライブラリ

[Cheat Codeライブラリ] (コナミコマンドを処理するライブラリ)

ページ関連ライブラリ

[要Prototype.js][bookreaderライブラリ] (長文分割＆横スクロールライブラリ)

IE関連ライブラリ

[IE6 upgrade warningライブラリ] (IE6ユーザーに警告を出すライブラリ)

機能追加ライブラリ

[Zero Clipboardライブラリ] (コピー機能を提供するライブラリ)

ウィンドウ／ダイアログ関連ライブラリ

[subModalライブラリ] (モーダルダイアログライブラリ)

[要MooTools][Notimooライブラリ] (メッセージ表示ライブラリ)

スクロールバー関連ライブラリ

[jScrollPaneライブラリ] (スクロールバーライブラリ)

カラー／カラーピッカー関連ライブラリ

[dhtmlxColorPickerライブラリ] (カラーピッカーライブラリ)

[カラーピッカー.jsライブラリ] (カラーピッカーライブラリ)

[ColorFadingライブラリ] (ColorFadingライブラリ)

テーブル関連ライブラリ

[Super Tablesライブラリ] (テーブル高機能化ライブラリ)

[デコレーションテーブル.jsライブラリ] (テーブル装飾ライブラリ)

プログレスバーライブラリ

[プログレスバー.jsライブラリ] (プログレスバー(進捗状況表示)ライブラリ)

ツールチップ関連ライブラリ

[vTipライブラリ] (ツールチップライブラリ)

グラフ関連ライブラリ

[垂直棒グラフライブラリ] (棒グラフ表示ライブラリ)

[折れ線グラフライブラリ] (折れ線グラフ表示ライブラリ)

[円グラフライブラリ] (円グラフ表示ライブラリ)

[レーダーチャート表示ライブラリ] (レーダーチャート表示ライブラリ)

[要Prototype.js][Flotrライブラリ] (各種グラフ表示ライブラリ)

その他

[要jQuery][jQuery FavoriteIconライブラリ] (Favicon表示ライブラリ)

[要jQuery][Teeshirtライブラリ] (折りたたみ画像表示ライブラリ)