[JS]複数のdiv要素を省スペースに表示するスクリプト -Virtual Pagination

Dynamic Driveから、複数のdiv要素をページネーションを使って、省スペースに表示するスクリプトを紹介します。

デモのキャプチャ

Virtual Pagination

デモでは、5通りのページネーションを使用して、複数のdiv要素を省スペースに表示させています。
ページネーションには、前後の送り、先頭・最後尾、数字、タイトルに対応しており、現在位置も表示できます。

スクリプトのオフ時には、div要素がそのまま配置されるため、情報の閲覧に差し支えはないと思います。

スクリプトはjQueryやPrototypeなどの他のスクリプトを必要せず、単独で動作します。
対応ブラウザは、IE5+, Fx1+, Op7+となっており、Safari 3.2.1(win)でも動作しました。

sponsors

top of page

©2018 coliss