javascript

簡単設置でワンランク上のホームページに生まれ変わります。※以下のサンプルはjavascriptを使用しています。ユーザーの閲覧環境によっては ( javascriptオフ ) 機能しない事をご了承ください。

  • トップページ
  • グローバルナビゲーション
  • サイドバーメニュー
  • 画像関係
  • アコーディオン

トップページにおすすめ

  • sample 1

    自動で画像を入れ換えます。(表示件数任意)

    アニメーション多数。各ブロック単位で個別ページへのリンク設置が可能なので、訪問者を目的のページへダイレクトに誘導する事が可能です。

  • sample 2

    自動で画像を入れ換えます。(表示件数任意)

    右側のボタンと画像はリンクしています。各ブロック単位で個別ページへのリンク設置が可能なので、訪問者を目的のページへダイレクトに誘導する事が可能です。

  • sample 3

    自動で画像を入れ換えます。(表示件数任意)

    各要素単位で個別ページへのリンク設置が可能なので、訪問者を目的のページへダイレクトに誘導する事が可能です。また、各要素は独立しているのでデザイン性が高く各要素単位で自由にデザインする事が可能です。

  • sample 4

    自動で画像を入れ換えます。(表示件数任意)ちょっと変わった動きをするスライドショーです。

    各ブロック単位で個別ページへのリンク設置が可能なので、訪問者を目的のページへダイレクトに誘導する事が可能です。

    IEでご覧の方へ:
    画像が入れかわる際に黒くレイヤーがかかりますが、これはこの表示用scriptとの相性のようで、実際には黒いレイヤーはかかりません。

  • sample 5

    自動で画像を入れ換えます。(表示件数任意)

    各ブロック単位で個別ページへのリンク設置が可能なので、訪問者を目的のページへダイレクトに誘導する事が可能です。

    IEでご覧の方へ:
    画像が入れかわる際に黒くレイヤーがかかりますが、これはこの表示用scriptとの相性のようで、実際には黒いレイヤーはかかりません。

  • sample 6

    自動で画像を入れ換えます。(表示件数任意)

    サムネイルと画像はリンクしています。各ブロック単位で個別ページへのリンク設置が可能なので、訪問者を目的のページへダイレクトに誘導する事が可能です。

グローバルナビゲーションにおすすめ

  • sample 1

    プルダウンメニュー

    リンク先が多い場合や、なるべくダイレクトに目的のページへ誘導したい時に便利なナビゲーションです。

    訪問者の立場からみても、リンク先が良く分かるとともに、クリック回数が減るのでおすすめです。

  • sample 2

    プルダウンメニュー(横に展開します)

    トップカテゴリーの下にサブカテゴリー、あるいはコンテンツへのリンクが表示されます。サブメニューは横方向へ展開します。

  • sample 3

    スライドメニュー

    マウスオーバーで隠れていたリンクがスライド表示されます。

    メニューをコンパクトに設置する事が可能です。サイドバー部分へ設置しても,,,,

  • sample 4

    Dockメニュー

    Macのような動きをするメニューです。リンク画像部分にマウスをのせると画像が大きくなります。

  • sample 5

    スライドメニュー(横に展開します)

    ブラウザの右側に固定されたメニューボタンにマウスオーバーでスライドするタイプです。

  • sample 6

    スライドメニュー(縦に展開します)

    ブラウザの上部に固定されたメニューボタンをクリックすると縦にスライドするタイプです。通常はメニューが隠れています。

    リンク先が多く、且つデザインを重視したい場合等に如何でしょうか。

  • sample 7

    背景画像の入れ換わりが面白いメニューです。分割された画像がスライドしてきます。

    トップページに設置するのも良いかと,,,,

  • sample 8

    画面全体を,,,

サイドバーメニューにおすすめ

  • sample 1

    サブメニュー(リンク)が横に展開します。

  • sample 2

    ipodのようなスライドタイプ。

  • sample 3

    ブロック毎にスライドするタイプ。

画像拡大・スライドショー・ギャラリー・画像入れ換えなど

  • sample 1

    定番の画像拡大スクリプトです。

  • sample 2

    こちらは動画、HTML、Flashなどを読み込む事が可能です。

  • sample 3

    スライドショー。

    Flashではなくこのscriptをトップページに設置してもOK。

  • sample 4

    スライドショー。

    画像があまりにも多い場合はこのscriptはむきません。

  • sample 5

    画像入れ換え。

    ネットショップの商品詳細ページ等に。

  • sample 6

    画像入れ換え。

    ネットショップの商品詳細ページ等に。

タブ・アコーディオン

  • アコーディオン

    横に展開するアコーディオンスクリプトです。

    自動スライド・クリックで開閉などの調整可能。

  • アコーディオン

    横に展開するアコーディオンスクリプトです。

    はじめは自動でスライド表示します。

    残念ながらOperaでは,,,

  • アコーディオン

    縦に展開するシンプルなアコーディオンスクリプトです。

  • アコーディオン

    横に展開するアコーディオンスクリプトです。

    動きを変化させる事ができます。