jQueryのメニューlavaLampを使ってみる。
04/02
jQueryライブラリでお馴染みのlavaLampをヘッダー右側に設置。
マウスに付いてくる動きが気持ち良いですね。
使用したライブラリ:
参考にしたサイト:
注意メモ1:
サンプルソースのJavascriptをそのまま貼ると、リンク先に遷移しなかったため、
clickイベントの戻り「false」(07行目)を「true」に修正して無事OKに。
[JavaScript]
[/JavaScript]
注意メモ2:
currentページの表示は、liタグのクラスに「current」を追加すればOK。
[html]
[/html]
(追記)
WORDPRESSのテンプレート「header.php」に記述したPHPのソースも記述しておきます。
[php]
- /”>Home
- /about/”>About
- /order/”>Order
- /inquiry/”>Inquiry
- /link/”>Link
- /category/blog/”>blog
[/php]