Navigation Samples
■ 
Internauts.Inc

01. ロールオーバー
リンク部分にポインタが載ると、画像が切り替わるテクニックです。ナビゲーションの演出として一般 的ではありますが、効果の高いものです。下のサンプルは、丸い部分にポインタが載るとポインタが載った部分のイメージが切り替わると同時に、窓にリンク先の情報が表示されます。
 
このサンプルは、小学館刊の『21世紀こども百科 宇宙館』という事典を補足するサイト用に作成したものです。ナビゲーションのトータルイメージとしてスペースシャトルを採用。このナビゲーションは宇宙船の操作パネルを喚起させるものとしてデザインしました。

copyright by internauts.inc