長野県長野市・松本市ウェブ制作事業部 コンサルテイング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 design(ウェブデザイン PC用) 長野県千曲市にある更埴建設株式会社様の住宅部のホームページをリニューアルしました。更埴建設様には住宅部

ブログを読む »
CRM

デジタル時代X新型コロナ時代のWeb制作

ホームページの概念を捨てよう!それがデジタル化の第一歩 デジタイル省が来年創設するようですね。日本はアジアでもデジタル化が遅れている国です。中国・韓国・シンガポールなど市民生活にデジタルが活用されています。日本ではWeb

ブログを読む »

HubSpotのすべて

ダウンロード