閉じる
閉じる
閉じる
  1. 新世代Web制作テクニック総特集 スマートフォン ソーシャルメディア …
  2. 本格ビジネスサイトを作りながら学ぶWordPressの教科書
  3. スマートフォンで副収入を稼ぐ本 毎日5分で毎月12万円を稼ぐ!魅惑の副…
  4. パソコン教室で受講料70万円で得た知識
  5. アフィリエイトの達人が教える! 月収別成功体験
  6. ポイントメール受信で稼ぐ わくわくメール
  7. メール受信でお金を稼ぐ GetMoney!
  8. チューニングDIYハンドブック Vol.2
  9. WordPress 3.x デザイン&カスタマイズ スタイル…
  10. Webサイト制作 最新トレンドの傾向と対策 HTML5・スマートフォン…
閉じる

TAKUMI1202.COM

jQueryプラグインブック

jQueryプラグインブック

 

jQueryのサンプル・プラグイン集が役立つ一冊です。

 

CONTENTS

  • はじめに

 

第1章 JavaScriptで”クール”なページを作るには

  • 「HTML」+「CSS」+「JavaScript」=動きのあるページ
  • HTML/CSSを操作する
  • 動くタイミング(イベント)を設定する
  • アニメーション効果をつける
  • 動きのあるページを作るのは大変?

 

第2章 jQueryプラグインの概要

  • jQueryちは
  • jQueryプラグインとは
  • セレクター

 

第3章 jQueryプラグインを使う

  • jQUeryの準備
  • 「Reflect jQueryプラグイン」を使ってみる
  • プラグインのオプションを指定して動作を変えてみる
  • プラグインの探し方

 

第4章 サンプル・プラグイン集

  • 4章の読み方
  • サンプル・ページについて

画像

  • 画像を切り替える(フェード)
  • 画像を切り替える(フェード2)
  • 画像を切り替える(サイズ、フェード)
  • 画像を切り替える(スライド)
  • 画像を切り替える(奥行き)
  • 画像を切り替える(サイコロ)
  • 画像を切り替える(シャッター)
  • 画像を切り替える(カルーセル)
  • 画像を切り替える(いろいろ)
  • 画像の一部分を拡大する
  • 縮小した全景で画像を見る
  • パノラマ風に画像を表示する
  • 画像を反射する
  • LightBoxを表示する
  • 画像にマスク処理を施す
  • マウスオーバーで画像を拡大表示する
  • 透過PNGをIE6でも表示させる

スタイル

  • マーキーを滑らかに実装する
  • クリックできる範囲を広げる
  • 要素の高さを最大のものに揃える
  • グラデーションを作成する
  • 文書中のして文字列をハイライトする
  • 要素の角を丸くする
  • ツールチップを表示する
  • テーブルにHover効果をつける
  • チェックボックスやラジオボタンを装飾する
  • マウスオーバーで画像を切り替える
  • 画像を傾ける
  • 画像にキャプションをつける

エフェクト

  • 要素を回転させる効果をつけて切り替える
  • 要素をページの外へ除外する
  • マウスオーバーで背景色をゆっくり変更する
  • 文字をタイプライターのように出力する
  • 要素に波紋が広がるような効果をつける
  • 注目させたい箇所をハイライトする
  • 「これはここですよ」と指し示す

入力補助

  • 時刻入力を簡単にする
  • 入力ヒントをタイプライター式に表示する
  • selectタグをスライダーで表示する
  • フォームにサンプル文字列を表示する
  • フォームの入力文字数を数える
  • カラーピッカーを表示する
  • 入力された値を整形する
  • チェックボックスを一括変更する
  • スピンボタンをつくる

インターフェイス

  • マウスの動きに合わせて画面をスクロールする
  • ダイアログを表示する
  • 枠をページ下部に常に表示する
  • テキストを選択できないようにする
  • テキストエリアの高さを自動で調整する
  • メッセージを分かりやすく目立たせる
  • プロンプトを表示する
  • 長い文章をたたんで表示する
  • 目次を自動作成する
  • 星評価機能をつける
  • 指定した位置まで画面をスクロールする
  • テーブルに並び替え機能をつける
  • 長い文章を分割表示する
  • コンテンツを流れるように表示する
  • 画像を画面スクロールに合わせて表示するウィザード形式のインターフェイスを実装する
  • リンク先の画像をプレビューする

ナビゲーション

  • iPod風のスタイルメニューをつくる
  • パンくずを折りたたんで表示する
  • マウスオーバーしたメニューを開く
  • LavaLamp型の効果をメニューに実装する
  • 階層構造メニューをつくる

遊び

  • 要素に角をめくる
  • 画像レイヤーを重ねる
  • オドメーター風のカウントアップ機能をつける
  • スライドパズルをつくる
  • 追尾するメニューをつくる

 

[付録]セレクター・リファレンス

あとがき

索引

 

 

[googlead]

関連記事

  1. WebクリエイティブのためのPHPサンプルブック

  2. CSS3デザイン プロフェッショナルガイド

    CSS3デザイン プロフェッショナルガイド

  3. HTML & スタイルシート プロ顔負けのホームページ作成術

    HTML & スタイルシート プロ顔負けのホームページ…

  4. SQLの絵本

    SQLの絵本

  5. 瞬速デザイン素材集 Photoshop Design Tools ブラシ&パターン

    瞬速デザイン素材集 Photoshop Design Tools…

  6. 自分でオリジナル掲示板を作ろう!

    自分でオリジナル掲示板を作ろう!

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

ページ上部へ戻る