シンクグラフィカ札幌

テクニカルノート

CSSチックにナビゲータの基点表示

2009-10-16 04:00:50

前回お届けしたnavigator.jsですが、あれだとナビゲータに画像を使っているので美しくないっ!そういうあなたはコチラ!

いわゆるIR(Image Replace)を使ってaタグの背景に画像を引いてバックグラウンドポジションでロールオーバーや基点表示を実現するためのスクリプトだにょ!使い方は前回のと比べるとちょっぴりムツカシーですが、ソースコードの美しさたるやサイコーです!サイコー!

もちろん画像タグではなくaタグを直接活かすカタチだからSEO的にもサイコーですよ!
サイコーですかっ!!!

ということでCSSチックでXHTMLライクなあなたはぜひ使いたくなること請け合い!
CSSに無駄なクラスを増やさずに済むゾ!

参考リンク CSSチックにナビゲータの基点表示 with jquery

ページに評価の星を付けるスクリプト navigator.js with jquery
2010-11-01 10:24:42tezutakuさん
ソースがやたらシンプルでサイコーです。
某Webデザインテンプレート生成アプリを使ってみたのですが、
クラスと空き要素<div></div>が多様されていて、なんだかなと思っていたので。
新規コメント出力エリア

エラーメッセージ出力