Ajaxで同一ページ内でページ送りを実現する「Ajax scrolling pages」
2006年10月19日
スポンサード リンク
Ajax dynamic pages pages
Ajaxで同一ページ内でページ送りを実現する「Ajax scrolling pages」。
デモページの「Next Page」を押すと、ずずずっと次のページがスクロールでアニメーションされ表示されます。
更に「Next Page」で、どんどんページ内でページ送りが出来ます。
いちいちページ遷移が行われることなく、スムーズに次のページに移動できる上、ページを戻るのも高速です。
設置は、次の手順で行います。
- 必要なJavaScriptファイル読み込み
- スクロール領域のDIVを定義
- JavaScriptコード定義。DHTMLgoodies_scrollingPagesを初期化
配布パッケージをダウンロードしてカスタマイズすれば容易に使えるでしょう。
スポンサード リンク
投稿者 KJ : 2006年10月19日 07:06
|
![]()
間違いの指摘をしていただける方はメールでお願いします
最新のブログ記事
- Facebook風のサムネイル付きサジェストボックスを実装するサンプル
- 2009年7月3日 管理人のブックマーク
- PHPとCSSで動的に綺麗なパーセンテージグラフを描画サンプル
- 普通の写真をすばらしいアートにするためのPhotoshopチュートリアル集
- シマシマの見やすいテーブルを作成するMooToolsプラグイン「ZebraTable」
- 2009年7月2日 管理人のブックマーク
- 「フォローしてね」を表すTwitterアイコン集
- シンプルなTwitter検索を行うためのPHPスクリプト
- PHPのcURLを使ってできる便利なサンプル集
- 2009年7月1日 管理人のブックマーク
- iPhone3.0の緯度経度APIで移動履歴を地図描画するサンプル





















