テクニック教えます

テクニック教えます

ここではホームページを楽しくするテクニックをいろいろとご紹介します。 見て触って楽しい動きを楽しんでください!


内容を出したり隠したりするテクニック

隠してある内容がスルスルーっと出て来たり、出ている内容がスルスルーっと隠れたりします。★タイトルをクリックして内容を出したり隠したり

スムース・スクロール

ページ内を上下に行ったり来たり、好きな所へスルスル~っと移動できるスグレモノ。よく一番上へ戻る時に使われているテクニック。★スムース・スクロール

写真ギャラリーでの作品の拡大表示・出し方

小さな画像をクリックすると、ページ全体が半透明スクリーンになって、その中に拡大画像が出てくる。これは目立つ!★ギャラリーでの作品の拡大表示・出し方

アコーディオン・メニュー

省スペースのため、アコーディオンのように折りたたんで隠せるJavascript。クリックするとスーッとスライドする動きがオモシロイ。★アコーディオン(バラエティー)

メニューボタンいろいろ

メニューボタンは、伸びたり、引っ込んだりして注目されるようにいろいろなテクニックがあります。

画面全体を使って横スクロールするギャラリー

画面全体を使って右から左に画像が、ダイナミックにスライドします。Flash。★画面全体を使って横スクロールするギャラリー

マウスオーバーで文字の説明文が出てくるテクニック

ある文字をマウスオーバーすると、その文字の説明が出てくる機能。専門用語などの説明をする時に便利。★ティップ(説明部分が大きく写真まで出てくる)

フルスクリーン表示

フルスクリーン表示です。やっぱ全画面表示のページで出てくるとインパクトがある。★フルスクリーン表示

自動スライドメニュー

自動でスライドしてるメニューの動きがオモシロイ。マウスに反応するのも目を引きます。★自動スライドメニュー

3次元でグルグル回転するオブジェ

奥行きのある空間を動き回っているオブジェクト。マウスの動きに反応するのでユーザーの目を引きます。★3次元でグルグル回転するオブジェ

内容をスライドさせる

クリックすると、スライドショーみたいに表示内容が横に流れていくJavascript。

ヴァーチャルツアー (360°)

部屋の中の様子を360度グル~ッと見せる時に使われるJavascriptです。★ヴァーチャルツアー (360°)

一番上へ移動