jQuery UI+厳選プラグイン41 実践サンプル集
概 要
リッチWebを手軽に実現するjQuery UIと、厳選したプラグイン41個の「使える」サンプル集です。人気のJavaScriptライブラリ「jQuery」とユーザーインターフェースに特化された「jQuery UI」を使えば、ユーザーインターフェースを劇的に向上させることができます。本書では、jQueryをある程度使いこなしている人を対象に、スライダーやダイアログ、ボックス、スライドショー、イメージギャラリー、ドリルダウンメニュー、ドック型メニュー、ツリー表示、イメージのエフェクト、スクロール、ショッピングカートを実現するプラグインをチョイスし、見映えするWebページの作り方を紹介しています。サンプルコードのダウンロードサービス付き。
| 著者 |
葛西秋雄 |
| 価格 |
円(税込)(本体2800円) |
| ISBN |
978-4-7980-2457-8 |
| 発売日 |
2009/12/11 |
| 判型 |
B5変 |
| 色数 |
1色 |
| ページ数 |
392 |
| CD/DVD |
- |
| 対象読者 |
中級 |
| シリーズ |
- |
サポート情報は以下からご参照下さい。
目次
Chapter 1 jQuery UIの使い方
1.1 jQuery 1.3.2のライブラリを準備する
1.2 jQuery UI 1.7.2のライブラリを準備する
1.3 jQuery UIのフォルダ構成
1.4 jQuery UIのテーマをダウンロード
1.5 jQuery UIのプラグインを利用してみる
1.6 jQuery UIのプラグインを日本語にローカライズする
Chapter 2 インターアクション(Interactions)
2.1 Draggableプラグインの使い方
2.2 Droppableプラグインの使い方
2.3 Resizableプラグインの使い方
2.4 Selectableプラグインの使い方
2.5 Sortableプラグインの使い方
Chapter 3 ウィジェット(Widgets)
3.1 Accordionプラグインの使い方
3.2 Datepickerプラグインの使い方
3.3 Dialogプラグインの使い方
3.4 Progressbarプラグインの使い方
3.5 Sliderプラグインの使い方
3.6 Tabsプラグインの使い方
Chapter 4 エフェクト(Effects)
4.1 AddClass/RemoveClassの使い方
4.2 ToggleClass/SwitchClassの使い方
4.3 Show/Hideの使い方
4.4 Animateの使い方
4.5 Effectの使い方
4.6 Toggleの使い方
Chapter 5 メニュー
5.1 ドック型メニュー
5.2 ドリルダウンメニュー
5.3 その他のメニュー
Chapter 6 ツリー
6.1 ダイナミックなツリーを作成
Chapter 7 スライダー
7.1 イメージを左右にスライドさせる
7.2 その他のスライダー
Chapter 8 イメージの切り替えおよびスライドショー
8.1 jQueryのcycleプラグインを利用してイメージを切り替える
8.2 jQueryのImageSwitchプラグインを利用してイメージを切り替える
8.3 jQueryのinfiniteCarouselプラグインを利用してイメージを回転させる
8.4 その他のサンプル
Chapter 9 ボックス/ダイアログ
9.1 jQueryのcolorboxプラグインでイメージをモダルダイアログに表示する
9.2 その他のサンプル
Chapter 10 イメージギャラリー
10.1 jQueryのAD Galleryプラグインでイメージを表示する
10.2 その他のサンプル
Chapter 11 イメージをズーム
11.1 jQueryのZoomboxプラグインでサムネイルをズームボックスに拡大表示する
11.2 その他のサンプル
Chapter 12 イメージの各種エフェクト
12.1 jQueryのSpaceGalleryプラグインでイメージをアニメーション化して切り替える
12.2 jQueryのBefore/Afterプラグインで2個のイメージを半分に分割して表示する
12.3 jQueryのjParallaxプラグインを利用してイメージを動画のように移動させる
12.4 その他のサンプル
Chapter 13 スクロール
13.1 jQuery.ScrollToプラグインを利用して任意の場所にスクロールする
13.2 jQuery.SerialScrollプラグインを利用してコンテンツを切り替える
13.3 jQueryのjScrollPaneプラグインでカスタムスクロールバーを表示する
Chapter 14 カラーピッカー
14.1 jQueryのColor Pickerプラグインを利用してカラーピッカーを表示する
Chapter 15 ショッピングカート
15.1 ボタンをクリックして商品をショッピングカートに入れる
15.2 その他のサンプル
PR