CLOSE OPEN

ENT TECH LAB.

TAGSTAGS

ナビの画像をbodyのidでカレント表示するニッチな方法


各ディレクトリ毎にナビゲーションをカレント表示したいってことはよくありますよね。
そんなときに手っ取り早いのはcss spriteとかでやっちゃう方法がありますが、ロールオーバをjsでやっているときなどは、そのためだけにコーディングかえるの面倒くさいしメンテナンス性もあがるのかさがるのかわからないってなります。
そこでカレント表示もjsでやっちゃおうよっていうニッチなところに入り込む方法のご紹介です

bodyのidとlistのidを比べて同じだったら”_on”にきりかえるってことだけ

ほんとそれだけ

html

idはhtml内で1つだけだから、↑みたいなかんじでかいてあげます。”li-”ってところとかも、js内の記述さえ変えれば改変しちゃえます。

css

リロードするたびに、ちらちらみえちゃうときがあるので、それのおまじないです。

js

適当に適切に改変して、素敵にニッチしてください

デモ

もちろん、jqueryをつかっているので忘れないように!

js doit いれたひ
BACK TO TOP