jQuery」を使ってみました。オプションを変更するだけで色々なナビゲーションにすることができるのでとても便利です。マウスオーバーで拡大するものや、アコーディオンタイプのものまで色々あるので結構気に入りました。[ads_center]使い方jQueryとダウンロードしたプラグインを読み込みます。src=&quot;jquery.kwicks-1.5.1.pack.js&quot;&gt;&lt;/script&gt;ナビゲーションのHTMLはこんな感じでシンプルに。id=&quot;kwick4&quot;&gt;&lt;/li&gt;&lt;/ul&gt;デフォルトで記述しておくCSSです。7まであるので好きなタイプを選んで、そのCSSとJavaScriptを記述します。none;}上記のbackground-imageはマウスオーバーで伸びた時の幅の画像を作っておきます。初期値は125pxで、伸びた状態では205pxです。これは以下のオプションのmaxで指定できます。widthが205px、heightが100pxの画像を作っておけばOKです。});});以下は自分が試した時のサンプルコードです。自分で使う用にここに残しておきます。});});&lt;/script&gt;sample2のisVerticalはfalseにすると横のアコーディオンタイプになります。trueで縦のタイプです。サイドバーにいいかもですね。以下のサイトからダウンロードできます。)この記事へのコメントはありません。この記事へのトラックバックはありません。URL返信をキャンセルする。-URL検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。