長野県長野市・松本市ウェブ制作事業部 コンサルテイング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

Webの活用が上手な企業が勝ち組になる時代

Webサイトはマーケティングの最強ツールです! 購買プロセスに沿ってWebサイトを制作する必要があります。まず、①ユーザに自社を知ってもらう。もちろん「どんなベネフィットをどんな人へ」提供しているのかをターゲットユーザに

ブログを読む »
松本市ホームページ制作

「知らなければ損というよりも知ってれば得」最大限の成果が得られるウェブサイトの作り方。

成果が得られるウェブサイトの作り方 ビジネスに効果的なWebサイト、いわゆるホームページを作る時の比較的小規模の事業社から中規模の事業社まで対応できる最大限のWebからの効果の得るためのホームページの作り方を描いてみよう

ブログを読む »

HubSpotのすべて

ダウンロード