Ajaxで同一ページ内でページ送りを実現する「Ajax scrolling pages」
2006年10月19日-
スポンサード リンク
Ajax dynamic pages pages
Ajaxで同一ページ内でページ送りを実現する「Ajax scrolling pages」。
デモページの「Next Page」を押すと、ずずずっと次のページがスクロールでアニメーションされ表示されます。
更に「Next Page」で、どんどんページ内でページ送りが出来ます。
いちいちページ遷移が行われることなく、スムーズに次のページに移動できる上、ページを戻るのも高速です。
設置は、次の手順で行います。
- 必要なJavaScriptファイル読み込み
- スクロール領域のDIVを定義
- JavaScriptコード定義。DHTMLgoodies_scrollingPagesを初期化
配布パッケージをダウンロードしてカスタマイズすれば容易に使えるでしょう。
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 約7500種の汎用ピクトグラムアイコン集「Phosphor Icons」
- ほぼCSSで実装されたUIフレームワーク「Ellegant CSS」
- TailwindCSSベースの150種類以上のUIライブラリ「SailboatUI」
- 1700種類以上のSVGアイコン「MingCute Icon」
- 2000種類以上の汎用ピクトグラムアイコン集「Atlas Icons」
- かわいい手書き風フォント「うさぎとまんげつのサンセリフ」
- ランディングページのサンプル集「Landings」
- WEBのUIコンポーネントギャラリー「The Component Gallery」
- 汎用で使える700+のピクトグラムアイコン「Sargam Icons」
- 白黒写真をWEB上で簡単にカラーにできる「Palette」
- 過去のエントリ