ショッピングガイドを開く・閉じる : そばを楽しもう♪ - 通販・出前専門 そば屋の日常~仕事まで -

富泉のホームページで利用している
ショッピングガイドを開く・閉じるっていうスクリプトを利用したご案内ですが、
作成方法の備忘録です。

その前に、何故? このように開く・閉じるというようにしたかというとですね、
この部分ってどこのページに行っても目にする部分で、
必要な情報ではありますが、常連様や、情報がある程度分かっている人にとっては、
目障り以外の何物でもないということと、
情報が必要な方は、ワンクリックしてでも見ると思うからです。

このへんの考えかたは、人それぞれだと思うのですが、
性格的に、買って買って~って言いすぎちゃうのは好きじゃないんです。

自分がそういうところに行ったら買う気がなくなるもので  :mrgreen:

そんなわけで、作成方法の備忘録。

まずは、スクリプトがないとできません。
アコーディオンタイプのものや様々なタイプがありますが、
スッとシンプルに開閉するものを選んでいます。

スクリプトは富泉のサイトに落としてあるので、
万が一この記事を見て、使うっていうかたはご連絡ください ^^;

で、このスクリプトを</head>までに記述(できないばあいは表示位置でも大丈夫だと思います)

で、表示する箇所に

お買いものガイドを開く/閉じる Click

お買いものガイドを閉じる/開く Click

これで、開閉式のお買いものガイドの完成です。

あとは、表示するときに、適宜スタイルを調節すればバッチリ~・・・
だと思いますよ♪


posted by そば富泉

Categories: その他

IE(インターネットエクスプローラー)バージョン8以下でご覧の場合、
コメント投稿欄表示に時間がかかる場合がございます

コメント(Facebook・Twitter・WordPressアカウントでもコメントできます)

  • このブログの記事を検索する

  • アーカイブ

  • ソーシャル