• かちびと.net

    IE6対応・cssのみでマウスオーバー時に噴出しも実装するナビゲーションKntL-Pagerをご紹介。画像もjsも使わず、素晴らしいナビゲーションを実装するテクニックです。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

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

スポンサーリンク

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

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

KntL Pager

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

対応ブラウザはIE6以上、Firefox1以上、chrome、opera、safariに対応との事。日本語に直してHTMLをアップしてみましたので[sexy-lightbox href='http://kachibito.net/wp-content/uploads/2010/01/kntl-pager.htm?TB_iframe=true&height=300px&width=600px' title='KntL Pager']デモとしてご覧下さい[/sexy-lightbox]。
※リンクはダミーにしているのでページ移動は出来ません

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

KntL Pager

URL :
TRB :

Comments & Trackbacks (1)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services