« スライドショーも工夫次第 | ホーム | 読み込むだけのカルーセル »
2011年6月 4日
ハイライト付きナビゲーション
ロールオーバー効果を使って、
ユーザーにとって分かりやすいナビゲーションを作ることは
現在のWEBサイトの必須要素といえます。
ロールオーバー効果を実装するには、いろんな方法がありますが、
ページごとにハイライト表示させるには、手作業で管理することが多くなります。
しかし、yuga.jsプラグインを使えば、Javascriptファイルを読み込んで、
特定のClass名を指定するだけでハイライト付きの
ロールオーバーナビゲーションを作れます。
ただし、ハイライトしているボタンにマウスオーバーしても変化はしません。
使用サンプル → ハイライト付きナビゲーション
また、thickboxプラグインを読み込んでおけば、
画像に直接リンクを貼るだけで、thickbox表示できます。
参考サイト → yuga.js
トラックバック(0)
トラックバックURL: http://www.weblaboratory.jp/mt/mt-tb.cgi/90
コメントする