株式会社プラスタディ――FaQ 株式会社プラスタディ――教材
新しい仕掛けを

http://www.plastudy.com/school/faq.html
http://www.plastudy.com/school/kyouzai.html

この二つのページはクライアント様の要望により二つの手法が取り入れられています。一つ目はFaQのページ。こちらは開閉するアコーディオンを用い、多きに渡るFaQをタイトルだけで判別して、読みたいものだけ閲覧できる様に工夫しました。通常のJSを使って開閉だけを行うことも可能ですが、それだけとなりますと、どうしても地味な印象になってしまいます。元々クライアント様からの要望がアニメーション付きで、とのことでしたので、こちらも楽しみながらこれらの機能を実装させて頂きました。

もう一つ、教材紹介ページですが、こちらはクライアント様よりマウスホバー時に画像を拡大できる様にして欲しい、とのご依頼でした。
通常こうしたものはスライドショー形式での閲覧を前提に、そのような機能を実装しますが、商品数が多くなく、また商品よりも説明文が多岐にわたっていたため、そのままページを閲覧しながら画面の切り替えなく閲覧できた方が望ましいと判断。マウスホバー時にスムーズなサイズ拡大をする様、実装致しました。

linthack