JSや画像を使わず、cssとHTMLオンリー
でマウスオーバー時に噴出し状のツール
チップの実装が可能なナビゲーション
KntL Pagerをご紹介します。これは結構
便利そう。ありがたい事にIE6にも対応、
cssも無料でダウンロードも可能です。
jsや画像を使用せず以下のようなページネーションを実装可能です。
KntL Pager
うーん、凄い。これでcssオンリーとは驚きでした。一応ページネーション(ページ送り)のcssとして紹介されていますが、普通にユーザビリティを意識したナビゲーションとして使えそうですね。
対応ブラウザはIE6以上、Firefox1以上、chrome、opera、safariに対応との事。日本語に直してHTMLをアップしてみましたので[sexy-lightbox href=’/wp-content/uploads/2010/01/kntl-pager.htm?TB_iframe=true&height=300px&width=600px’ title=’KntL Pager’]デモとしてご覧下さい[/sexy-lightbox]。
※リンクはダミーにしているのでページ移動は出来ません
ソースはリンク先でcssとHTMLをDL可能なので割愛します。
cssオンリー系のいい所は色々と応用しやすい所ですよね。何かに組み合わせたいと思います。ご利用は以下よりどうぞ。