Dynamic Page


Description: フェードイン・アウトでコンテンツを切り替えます。URLごと呼び出すタイプ。デザインにcss3を使用していますが、IEでも動作は問題ありません。hashchange eventを使用しており、ページ推移なしでもURLを変更しています。
Sample: demo
Tutorial: Dynamic Page / Replacing Content
License: -

Note

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script>
    <script type='text/javascript' src='jquery.ba-hashchange.min.js'></script>
    <script type='text/javascript' src='dynamicpage.js'></script> 

jQueryとhashchangeプラグインとDynamic Pageプラグインで動作します。

Related snippet :

  • Description: ページ内アンカーリンクをグラフィカルな目次にして表示します。縦長のページ内の目次として使うことができそうですね。jQueryUIを必要とします。 ...
  • Description: Youtubeの動画を背景全体にするライブラリです。自動でリピート再生してくれます。なかなかインパクトのある見せ方ですね。 Sample: ...
  • Description: キーワードでその場でTwitter検索を可能にするプラグインです。jqueryUIとjQuery Twitter Search Pluginを併用し ...
  • Description: 横幅全体を使ったダイナミックなイメージギャラリーです。IE6以外はかなり素敵な表現が出来そう。アニメーションしながらズームし、そのままスライドショー ...
  • Description: 横長で可愛いコンテンツスライダーです。オート機能も追加されたようです。縦横のサイズを決めれば画像に限らず、様々なコンテンツを入れることが可能で、1ペ ...
  • Description: 汎用性の高いギャラリーです。様々なエフェクトが用意されており、クロスブラウザで動作。複数置くことも可能です。オプションでスピード等の調整も可能。汎用 ...
  • Description: 多機能なスライドプラグインです。IE6は非対応ですが、YoutubeやVimeoのような動画メディアや、ツールチップ付きの画像も入れることが可能です ...