Ajax,Javascript、コンテンツを効果的に表現するスクリプトサンプル設置方法

1. 新着順
2. jquery
3. mootools

• 画像表示
  • 画像エフェクト(加工)
    • 画像を鏡面加工(imgにclass設定するだけ)
    • 画像に３D鏡面効果
    • キャプションをかっこよく効果的に
    • jQueryでIE6でpng画像を使えるようにする
    • 自動的にポラロイド写真風に加工する
    • 右クリックで画像を保存できなくする
    • 画像でパズルを自動作成
  • 画像エフェクト(アクション)
    • 画像に角度や回転を加える
    • ふわふわっと画像を出現させる
    • 画像を衛星みたいに３D回転させる
    • 様々なエフェクトで画像置換
  • 画像エフェクト(Popup)
    • シンプルに画像をポップアップ
    • ズームした一部分をサムネイルとしてポップアップ
    • シンプルに画像をポップアップ２
    • MacのDCみたいな拡大フェードアウト
    • ちょっと便利な拡大エフェクト
  • 背景画像
    • オンマウスで背景画像をアニメーション
    • 背景画像をアニメーション
    • 背景画像をスライドショー
  • Popup表示(メディア)
    • 画像、web、ムービーをポップアップ表示
    • 自動スライドショー可能なポップアップ
  • スライドショー
    • ブログパーツの様なスライドショー
    • シンプルなスライドショー
    • マスク内をアニメーションするような感覚
    • テロップ流しのような画像スライド
    • トップページにピッタリなスライドショー
    • モーションアニメ付きスライドショー
  • ギャラリー
    • シンプルなフォトギャラリー
    • 画像をカテゴライズして表示
    • jQueryのギャラリー
    • マウスホイールで拡大縮小するギャラリー
    • ポラロイド写真を並べたようなギャラリー
    • AppleMobileMeみたいなギャラリー
  • 虫眼鏡
    • ルーペで見るように画像を部分的に拡大表示
    • 虫眼鏡で見るように画像拡大
    • ルーペを選んで画像を部分拡大表示
• コンテンツ表示
  • ページスクロール
    • 縦横無尽にページをスクロール
    • コンテンツを自動でスクロール
    • スムーズにページスクロール
  • タブメニューボックス
    • シンプルなタブメニューボックス
    • jQueryのタブメニューボックス
    • ページが重なるように開閉するタブメニューボックス
    • ボックス内のコンテンツを自動送りできるタブ
  • スライドボックス
    • 横にスライドするタブメニューボックス
    • コンテンツを拡大縮小してスライド
    • jQueryを使用したシンプルなスライドボックス
    • 自動スライドするコンテンツボックス
  • アコーディオンボックス
    • シンプルなアコーディオン
    • 横に開閉するアコーディオンボックス
  • フローティングボックス
    • ドラッグ＆ドロップでリサイズ、移動可能なボックス
    • とても使いやすいフローティングウィンドウ
    • フッと出現して消えるフローティングウィンドウ
    • スライドして降りてくるパネルボックス
    • 追いかけてくるフローティングボックス
    • MacOSXのようなウィンドウを出現させる
    • iGoogleみたいなフローティングボックス
  • エフェクト＆トランジション
    • フェード効果で強調するコンテンツ
    • スイッチでレイアウト変更
    • Ajaxフェードアニメーションでページ移動
  • レイアウト
    • 雑誌のレイアウトの様なカラムを作成
    • カラムの高さを自動調節
    • テキストをタイポグラフィなレイアウトにする
    • jQueryでストライプ表示を簡単に作成
    • ボックスの角を丸くする
    • 横幅を自動調節するカラム
  • テキスト
    • テキストをアニメーション表示
    • 指定文字数をハイライト表示する
    • サイバーなテキストアニメーション
    • フォントサイズを変更するボタン
    • テキストをグラデーション表示する
  • テーブル
    • tableをハイライト表示する
    • ソートしてデータを並び替えられるテーブル
    • データソートとページ送りが可能なテーブル
  • ニュースティッカー
    • 1行ずつフェード表示するニュースティッカー
    • コントロールパネル付きニュースティッカー
    • テロップ流しの様なニュースティッカー
  • グラフ＆チャート
    • 折れ線グラフを作成する
    • カラフルなグラフやチャートを作成
    • 表現力豊かなグラフチャートを作成
• ナビゲーション
  • ナビゲーションメニュー
    • 背景が追ってくるメニュー
    • 幕が上がるようなメニュー
    • ちょっと伸びるナビゲーションメニュー
    • シンプルなフェードメニュー
    • CSSで設定できる芸の細かいエフェクトメニュー
  • ドロップダウンメニュー
    • 縦にフェード展開するドロップダウンメニュー
    • マルチ階層可能なドロップダウンメニュー
    • スピード感のあるドロップダウンメニュー
  • ツリー型メニュー
    • スライド開閉するツリーメニュー
    • ブログパーツみたいなメニューボックス
    • iPodみたいなメニュー
    • シンプルなツリーメニュー
  • ユーザーメニュー
    • ページ履歴をパンくずナビで表示
    • ダブルクリックでオリジナルメニュー表示
  • ドッグメニュー
    • MacOSXっぽいメニュー
• ユーザー補助
  • ツールチップ
    • 画像やリンク先のプレビューも可能なTooltip
    • jQueryで動きのあるツールチップを作成
    • jQueryのツールチップ
    • jQueryのツールチップ２（vTip）
  • フォームカスタマイズ
    • checkbox,radioボタンを画像にカスタマイズ
    • フォームをオシャレにカスタマイズ
    • テキストエリアのサイズ変更
    • labelでcheckbox,radioを画像ボタンのように表示
    • jQueryでフォームをオシャレにカスタマイズ
  • 入力補助
    • カレンダーから日付を入力
    • Googleみたいなパスワードチェッカー
    • バーチャルキーボード
    • 入力欄にウォーターマークを表示する
    • 入力項目をリアルタイムにチェック
    • フォームに定型入力補助
• その他
  • ミュージックプレーヤー
    • jQueryで音楽を奏でるjPlayer
    • mootoolsのミュージックプレーヤー
  • リンクアクション
    • リンクをクリックした時の点線を消す
    • リンクカラーをアニメーションで変更する
    • リンクカラーをフェードアニメーションで変更する
  • キーボード操作
    • オリジナルのショートカットキーを作成
    • jQueryでショートカットキーを設定
  • スクロールバー
    • CSSで設定するスクロールバー
  • CSS切り替え
    • 時間を指定してCSSを変更
    • スイッチボタンでCSSを変更する
    • ブラウザを判別するCSSセレクタ
    • ランダムに外部CSSを切り替える
    • 天気予報でCSSを切り替える
    • AjaxなフェードエフェクトでCSSを切り替える