javascriptかjQueryか・・・ホームページ作成・・・スライドするメニューについて

このQ&Aのポイント
  • javascriptかjQueryか・・・ホームページ作成・・・スライドするメニューについてです。
  • 初心者のため、mixiの右下メニューのようなスライドするメニューを作りたい。
  • 画像には詳細ページへのリンクボタンもつけたいが、矢印マークでの操作が理想。
回答を見る
  • ベストアンサー

javascriptかjQueryか・・・

ホームページ作成・・・スライドするメニューについてです。 javascriptなどは初心者です。 例えばmixiの右下メニューの中の、「コラボ特集」のようなメニューを作りたいと思っております。 詳細としては、まずHPを開いたら、横長のボックスメニューが出てきます。 最初に3枚の画像が表示されています。4枚目以降は、右に格納(見えない)されていて、4枚目の画像の頭だけが少し出ています。⇒右矢印をクリックすると、4枚目、5枚目が表示され、同時に1枚目、2枚目は左に格納(見えない)されていきます。 逆に←左矢印をクリックしていったら、1枚目、2枚目の画像が現れていく・・・ つまり、常に表示される画像は3枚で、右と左に画像が少しずつ頭を出している、というメニューを作りたいんですね。 その画像には詳細ページへ飛ぶリンクボタンもつけます。 オンマウスで矢印マークが浮かび上がり、マウスが離れると、画像だけのメニューに戻るというのが理想ですが、複雑すぎるのでしたら、常に左右ボタンがついていてもかまいません。 詳しいコードや、URLを教えていただけたら嬉しいです。 「これをアレンジしてみてください」というのは、もしかしたら私には難しすぎると思いますので、できるだけ詳細をお願いします。 わかりにくい説明で申し訳ありません・・・。 皆さまお忙しい中恐縮ですが、どうぞよろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • aoumiushi
  • ベストアンサー率45% (234/512)
回答No.1

こちらのサイトに、JQueryを使ったスライドショーを、紹介するのサイト一覧があります。 http://kachibito.net/web-design/224-image-jquery-collection.html 細かい設定を行いたい場合や、納得のいくページを作りたい場合は、 やはり若干のCSSとJavascriptの知識が必要となります。

uri131
質問者

お礼

わぁ、わたしの理想ち近いメニュー見つかりました! ありがとうございます!感激ですっ!> <* また宜しくお願いします!

関連するQ&A

  • オンマウスでクリック後の画像を変化させたままにする方法

    たびたびお世話になります。 以前にも同じような質問をしたのですが・・ 状況が変わり、それとHP作成を進めて行くうちに色々解って来た事もあるので、もう一度質問させて下さい。 フレームで、上/左/右に区切っています。 上と左のフレームにメニューがあり、右のフレームにメインコンテンツがあります。 上のメニューも左のメニューもtarget属性のリンクで右フレームに 表示させるようにしたいと思っています。 まだページを作っているところなのでリンクは飛ばしてないですが。 メニューは文字ではなく、上も左も画像を作ってボタンにしました。 JAVAではなく、HTMLで、オンマウスにより画像を変化させるようにもしてあります。 それを、リンクを張り、クリックした後もオンマウスで変化したままの画像にしたいのです。リンク先を表示している間だけ、です。 タグはこうなっています。 <img alt="" src="image/MENU1.jpg" onmouseover="this.src='image/MENU1_1.jpg'" onmouseout="this.src='image/MENU1.jpg'" style="width: 119px; height: 33px;"> やり方はありますでしょうか? それと、上のフレームからメニューをクリックした後、 左のフレームの中身も変化させる、というのはJAVAですか? また、やり方はあるのでしょうか。 こんな風にやりたいのですが↓ http://www.dreampower-jp.com/index.html

  • オンマウスで画像変更、クリックでリンク先に飛ばしたいのです。

    オンマウスで画像変更、クリックでリンク先に飛ばしたいのです。 右側にメニューボタン(1~4)があり 各ボタンにオンマウスすると左側に画像を表示、 クリックすると別ページにリンクさせたいのです。 フレームは使っていません。 初心者なので具体的なタグを教えていただくと助かります。

  • 1フォーム上でメニューを切り替えたい

    こんにちは。Windows Formについてお教えください。言語はVBです。 フォームには左メニュー、右メニューが配置されています。 左メニューのボタンをクリックすることにより、右メニューに表示される項目を変更しようと思います。 右メニューの大きさは常に固定にしようと思っています。 1つのフォーム上で、右メニューの中身を変更するには、どのようなコントロールを使えばいいのでしょうか? または、複数フォームを作って、それを右メニューで呼び出すというやり方になるんでしょうか? よろしくお願いいたします。

  • jQueryで教えてください><;

    画像にマウスを置いたときに、下にテキストが表示され、なおかつ両端の矢印をクリックするとスライドするようなjQueryを教えてください><;宜しくお願いします!!

  • firefoxのバグ?相性が悪い?

    firefox2.0で「ファイル~ヘルプ」までのメニューがすべて開けないバグ?が起こりました。具体的にはオンマウスでボタンが浮き上がるのですが、押しても何もおきません。たまにツールボタンなどが表示されますが、されないこともあります。また、ウィンドウ内の右クリックでも、更にメニューが表示される三角(▲を倒したもの)以降が表示されません。 いくつかレポートを読みましたが見当たりませんでした…(すべて読む自信はありません;)解決法をご存知の方教えてください。

  • フレームをリセットする方法

    とあるサイトで下記のようにリセットボタンを設けていたのですが これはどうやるのでしょうか? 左と右にフレームで区切っていて、 左側はメニュー・コンテンツ、右側には本文が表示されます。 一例)検索サイトから入った場合 検索サイト→該当サイト→左メニュー1クリック(右にはコンテンツ1が表示)→左メニュー2クリック(右にはコンテンツ2が表示)→ 左メニューのリセットをクリック→ブラウザの戻るをクリック→検索サイトへ 要するに、リセットボタンを押すことによって、コンテンツ1と2を表示させた履歴が消えている状態です。 リセットを押さずにブラウザの戻るをすると、当然一旦コンテンツ1を挟んで、ようやく元のページに戻ります。

  • ホームページ作成 画像の表示について

    またまた、画像表示で困っています。 タイトルロゴやボタンなどの画像を表示するように書いたのですが、ページが表示されるたびに、その画像が粒子がとても粗く色もくすんだ変な色になってしまいます。 オンマウスすると直ったり、それでダメな場合は右クリックでプロパティを選択すると直ります。 この症状を治すには、どこを直したら良いのでしょうか。 すみません、教えてください。

  • htmlフレームのようにcssで作るには?

    現在サイトを作っています。 そこでギャラリーを設けて画像を一覧で載せようと思っています。 左をメニュー画面、右を左メニュー画面から選んだ画像を表示する画面にしたいのですが、 この場合、htmlのframesetを使うのが普通なのでしょうか? フレームを扱わずにCSSで作れる方法があればと思うのですが・・。 CSSのfloatで右左に分けると左のメニュー画面で画像を選びクリックした時に、右画面だけでなく左も含め、画面全体が画像を表示する画面になってしまいます。これを防いで、右のみに画像を表示させる方法はあるのでしょうか? 左で選んで、右に画像を表示させたいです。 どうするのが一番良いのでしょうか、よろしくお願いします。

    • ベストアンサー
    • CSS
  • スタートメニューの「すべてのプログラム」が表示しなくなった

    先日、 Windows Vista を Windws7RC にしました。 しかしその後、スタートメニューにある「すべてのプログラム」が表示しなくなりました。 症状: スタートボタンをクリックすると、正常な使用中のプログラムが表示されます。 しかし、その下にある右矢印付きの「すべてのプログラム」をクリックしてみると、 プログラムが一つもない真っ白になります。 もう一度、下にある左矢印付きの「前へ戻る」を押すと、 先ほどの正常な使用中プログラムが表示される。 どうすればいいのでしょうか?

  • 同時に2箇所にリンクは可能?

    いつもお世話になっております。 カテ違いだったらごめんなさい。 たとえば、フレームページで 左がメニュー。右がメイン。という場合 左のメニューの中の画像ボタンをクリックすると、 左のメニューのデザインが変わり、右のメインも変わり。 というふうに、ワンクリックで2ヶ所のリンクに同時にジャンプすることはできるのでしょうか。 よろしくお願いします。

専門家に質問してみよう