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
最新のブログ記事(新着順)
- くちばしフォント【商用可】
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 過去のエントリ