かちびと.net > WEBデザイン > cssやプログラミング > IE6対応・cssのみでマウスオーバー時に噴出しも実装するナビゲーションKntL-Pager

Webデザイン関連(RSSRSS)のトピックです。SEOとWebデザインを共有する、という観点で情報を配信します。

IE6対応・cssのみでマウスオーバー時に噴出しも実装するナビゲーションKntL-Pager

カテゴリ » WEBデザイン, cssやプログラミング
書いた日 » 木曜日, 1月 14th, 2010

KntL-Pager00
JSや画像を使わず、cssとHTMLオンリー
でマウスオーバー時に噴出し状のツール
チップの実装が可能なナビゲーション
KntL Pagerをご紹介します。これは結構
便利そう。ありがたい事にIE6にも対応、
cssも無料でダウンロードも可能です。

jsや画像を使用せず以下のようなページネーションを実装可能です。

KntL Pager

KntL-Pager01
うーん、凄い。これでcssオンリーとは驚きでした。一応ページネーション（ページ送り）のcssとして紹介されていますが、普通にユーザビリティを意識したナビゲーションとして使えそうですね。

対応ブラウザはIE6以上、Firefox1以上、chrome、opera、safariに対応との事。日本語に直してHTMLをアップしてみましたのでデモとしてご覧下さい。
※リンクはダミーにしているのでページ移動は出来ません

ソースはリンク先でcssとHTMLをDL可能なので割愛します。
cssオンリー系のいい所は色々と応用しやすい所ですよね。何かに組み合わせたいと思います。ご利用は以下よりどうぞ。

KntL Pager

【IE6対応・cssのみでマウスオーバー時に噴出しも実装するナビゲーションKntL-Pager】へのコメント 1

トラックバック

TRB:
  1. Tweets that mention IE6対応・cssのみでマウスオーバー時に噴出しも実装するナビゲーションKntL-Pager - かちびと.net -- Topsy.com

この記事のトラックバックとURL

URL:
TRB:

お気軽にコメントして下さい

*は必須です

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:

You can add images to your comment by clicking here.

WPデザインギャラリー