Dynamic Driveから、複数のdiv要素をページネーションを使って、省スペースに表示するスクリプトを紹介します。
デモでは、5通りのページネーションを使用して、複数のdiv要素を省スペースに表示させています。
ページネーションには、前後の送り、先頭・最後尾、数字、タイトルに対応しており、現在位置も表示できます。
スクリプトのオフ時には、div要素がそのまま配置されるため、情報の閲覧に差し支えはないと思います。
スクリプトはjQueryやPrototypeなどの他のスクリプトを必要せず、単独で動作します。
対応ブラウザは、IE5+, Fx1+, Op7+となっており、Safari 3.2.1(win)でも動作しました。
Post on:2008年11月26日
