長野県長野市・松本市ウェブ制作事業部 コンサルテイングFARM

グローバルメニュー構築の効率化!

ATFコンサルティングFARM

ATFコンサルティングFARM

マーケティングがあなたのビジネスの目標達成を支援します。

HubSPot+ ATFC担当に相談する

Webサイトを制作していくなかでグローバルメニューのデザイン・機能はサイトのナビゲーションとして使いやすく分り易くなくてはならない。マウスオーバーなどで画像を変えたり、ドロップダウンメニューを加えたり閲覧頂くユーザーに簡単に直感的に扱えるメニューでなくてはならない。

グローバルメニューを構築するのに便利なツールの紹介

画像のマウスオーバーを簡単にするJavaScript
JavaScriptのダウンロードはこちら»
便利な点は、上記のスクリプトを記述すると、マウスオーバーで変更したい画像の名前の最後に「_off」「_on」を付け加えるだけ!
2_off
「2.jpg」をマウスオーバー画像にする場合は、
通常時の画像「2_off.jpg」
オーバーの画像「2_on.jpg」
2つを同じディレクトリに置くだけなのだ。

とても簡単なスクリプトなのだが、画像ファイルにスクリプト書く必要もなくソースもシンプル、導入が非常に簡単なので多くの場所で使用することができる。
もっと詳しくはソースがシンプルなJSによるロールオーバー»で紹介されています。

簡単でデザインのいいjqueryドロップダウンメニューscript

JavaScriptでのメニュー機能で参考になるサイト
jQueryプラグイン サンプル(メニュー系):skuare.net
jQueryプラグインを使ったドロップダウンメニューやメガメニューなどが数多く紹介されているサイト。デザインや機能の実装に困った際に参考に。
こちらもJQueryで簡単に作るドロップダウンメニュー紹介
JQueryで簡単に作るドロップダウンメニューいろいろ

JavaScript・jQueryをつかってクオリティの高いグローバルメニューデザインでユーザビリティーをアップ!

SNS

Share on facebook
Share on twitter
Share on linkedin
CMS

SEO対策の間違った考え方を正そう!

Web 制作をするときビックキーワードでは、ビジネスの成果にはつながらない 「顧客の抱え方問題点・課題点はなにか?」この部分がとても重要になります。つまり、ターゲットを絞り込んでペルソナを設定して、自社のビジネスに繋がる

ブログを読む »
倉島事業開発様

ショッピングパーク事業ホームページ制作

倉島事業開発株式会社様 青木島ショッピングパークホームページ 長野市ツルヤ青木島店のある青木島ショッピングパークのホームページ制作を行いました。倉島事業開発様が運営しているショッピングセーターなので、現在はコーポレートサ

ブログを読む »

HubSpotのすべて

ダウンロード