• 締切済み

CSS+JavaScript

下記サイト http://www.dreamvs.jp/pc/ の上部にあるCSS+JavaScriptの動的なテーブル?のような物 を作りたいと思っています。 (FLASHは考えてません) ただ、左側にあるボタンを切り替わる画面の下に配置して、 上部の切り替わる部分を大きく表示したいと思っております。 ボタンを下に配置してJavaScriptで動かすことは可能でしょうか? よかったらボタン下に配置したCSSのソースをアドバイスして頂けるとうれしいです。 詳しい方、よろしくお願いします。

みんなの回答

回答No.2

shibuyaSt さん、「学ぶ」の基本は「まねぶ(真似ぶ)」ですよ。 自分でどうしてもわからないときは、ソースを参考にしましょう。 夢展望さんのページソースはとっても親切に書かれていて、 <!--メニューのスクリプトここから--> <!--メニューのスクリプトここまで--> <!-- メニューここから --> <!--▲メニューここまで▲ --> とコメントで範囲指定されています。 それと、ページにリンクされた外部スタイルシート3つを指定するだけで、ドロップダウンメニューの基本部分が出来上がってしまいます。 あとはスタイルシート内の該当部分などをいろいろ変えてみて自分なりにカスタマイズできます。 もちろん著作権とかありますから、何から何までそっくりまね、は良くないですが、あくまでエッセンスをまねるという意味で、ね (^_-) ここで誰かがソースを丸ごとアップしてくれて、それをコピペして完了!なら楽ですけど、それでは自分で身につかないし、何かあるたびに「ここはどうすれば?」「ここもどうすれば?」と聞かなくてはならなくなります。 がんばって!

回答No.1

なんかね、ことばではむずかしじょ。 HTMLのこっかくくらいは、かいてちょ! そのほうがはやい!っとおもふ。 きっとだれかが、かきやすいのだから。

関連するQ&A

  • JavaScriptについてです。

    JavaScriptについてです。 ここ(http://solidstate.jp/ImageDisplay/gallery/script_151.html)のサンプルのギャラリーを使いたいのですが、下のサムネイル部分の両サイドに戻るボタンと進むボタンがないのが難点です。 ここに戻ると進むボタンを配置するにはどう記述すればよいでしょうか?

  • javascriptにてcss切り替え

    現在webサイトを作成しており、javascriptのcss切り替えにてページの色変更を作っています。 (青、緑、赤、三色で作成) デフォは青で表示しています。 その後緑、赤とリンクで色が変わるようにしています。 ここでご質問です。 緑をクリックした場合は緑に変わる(赤も同様)のですが、別ページにリンクした場合、緑(赤)ではなく青に戻ってします。 別ページにとんでも緑(赤)が引き継がれるにはどのように記述したらよろしいでしょうか? ソースは以下のとおりです。 <head> <link rel="stylesheet" type="text/css" href="css/blue/top.css" media="all" /> <script src="js/styleswitch.js" type="text/javascript"></script> <link rel="alternate stylesheet" type="text/css" title="blue" href="css/blue/top.css" media="all" /> <link rel="alternate stylesheet" type="text/css" title="green" href="css/green/top.css" media="all" /> <link rel="alternate stylesheet" type="text/css" title="red" href="css/red/top.css" media="all" /> </head> <body> <div style="width:200px;"> <a href="javascript:chooseStyle('blue', 30)">青</a><br /> <a href="javascript:chooseStyle('green', 30)">緑</a><br /> <a href="javascript:chooseStyle('red', 30)">赤</a> </div> </body> javascriptは以下のところからしようしています。 http://noongoro.main.jp/note/note0059.html javascriptは初心者です。 ご教授お願いいたします。

  • JavaScriptとCSSを使ったプルダウンメニューの作り方

    下記のようなサイトの左メニューのように、 横にプルダウンメニューが出てくるようにしたいのですが、 http://journal.mycom.co.jp/top/column/index.html JavaScriptとCSSを使ってするやり方&ソース&サンプルを 教えて下さい。 それが書かれてあるURLを教えていただいてもかまいません。

  • FlashとJavascriptのメニューについて

    現在Javascriptのドロップダウンするサブメニューを作っています。(http://lolipop.jp/のような感じ) そのメニューの下にFlashムービーを配置したいのですが、ドロップダウンしてくるサブメニューはFlashの下に隠れてしまいます。つまり1つ下のレイヤーに表示されてしまいます。 Javascriptをいかしたまま、サブメニューをFlashの上に表示させる方法はありますか?ぜひ教えてください。宜しくお願いします。

  • JavaScriptでの画像切替について。

    以下のようなことをしたいのですが、方法が分からず困っています。 http://www.astellas.com/jp/ メニューの上にマウスがくると、下の画像が切り替わる。 http://www.mos.co.jp/index.html メニューの上にマウスがくると、プルダウンのメニューが表示される。 上の2つを「名前をつけてページを保存」で保存して、ソースとファイルを見てみたところ、JavaScriptで実現しているみたいなのですが、jsファイルのソースを見てもさっぱり分かりませんでした。 JavaScriptはDreamweaverの[挿入]-[イメージオブジェクト]で使える程度です。 上の2つを実現するのは、今は諦めたほうが良いでしょうか? JavaScript以外でも実現可能だったら教えていただけないでしょうか? (※FLASHは除く。例えばCSSなど) よろしくお願いします。

  • CSSのfloatについて

    ホームページを作成していて、CSSが効かなくて困っています。 2カラムで左側にメニュー 右側にメインのコンテンツを作成しております。 メインのコンテンツは floatでrightに設定していて その中にさらに 2つの内容を入れようと (メインコンテンツ内に左側に画像で右側に画像の詳細をいれたい) floatタグでleftとrightに設定したのですが CSSが効かなくて 左側に画像が配置され その下に画像の詳細文が配置されてしまい 全部左側に配置されてしまいました。 色々と試したみたのですが やっぱりCSSが効きませんでした。 すいません誰かお分かりになられましたら 教えてください。宜しくお願い致します。

  • CSSでの擬似インラインフレーム

    CSSでの擬似インラインフレームでのサイトを作成しています。 ページ全体枠を900px×650pxで左右上下の中央表示にし、 左側にナビゲーション、右側にコンテンツを配置しています。 右側のコンテンツ部分は400px×500pxのみ表示して 残りの部分はoverflow:hiddenを指定して表示しないようにしました。 左側のナビゲーションは位置を固定にし、ボタンをクリックすると 右側のコンテンツ枠に各項目の内容が入れ替わり表示するように しました。 次に、クリックした際に右側のコンテンツ部分の表示移動が パッと入れ替わるのではなく、スルスルと画面が推移するなめらかスクロールで場面が移動しているように見せたいのですが スクロールのjavascriptはこちらのサイト(http://lab.centralscrutinizer.it/the-tiny-scrollings/)でダウンロードさせていただいたファイルを設置したのですがパッと画面表示が変わるのみでスルスルっと動いてくれません。。。 私はjavascriptの記述知識がないためどうすればよいのかわからず ご質問させていただきました。 どうすれば良いのでしょうか。 どなたかお助けくださいませ。 よろしくお願いします!

    • ベストアンサー
    • HTML
  • テーブルにCSSで範囲指定

    テーブルでいま、 ホームページを作っているのですが、 テーブルは、 <table> ~~ </table> で終わりますよね。 そのあとに、もう1回 上記のタグを書くと、 下に表示されてしまいますよね。 今書いたテーブルの右側に表示するにはどうすればいいですか? もし、分かる方がいたら ソースのほうも回答お願いいたします。(任意) もう1つ質問させてください。 上の質問以外にもう1つ解決方法があるかなーと思いますので。 CSSは範囲を指定して、 その部分だけにCSSの効果を使う事はできますか? 例えば、 テーブルの<border>の境目の部分とか・・・ こちらも、ソースの方をよろしくお願いします。(任意) ※z-indexのタグを使う場合は、ソースを載せてください。 ちなみに、考えているのは、 http://wdt.pekori.jp/template/box/025_gray.html に載っているのがありますよね。 文を書き込むところの上に タイトルが載っていますが、 それを、また文を書き込むところから 文を書き込むところへと、重ねるような感じの ものを作りたいと思っています。

    • ベストアンサー
    • HTML
  • XHTML+CSSレイアウトについて

    段組レイアウトで画像を配置しているのですが、画像の上側部分に空白が出来て しまいます。(IE6で確認すると) 他のブラウザ(Opera+mozila+News)ではきちんと空白が詰めております。 現状で空白を詰めるにはどのようにしたら良いでしょうか? 「具体的なソース」 http://www.geocities.jp/travelxstory/test/test.html http://www.geocities.jp/travelxstory/test/css001.css 真中のabout画像と上の赤い線の間に空白が出来てしまいます。 勿論、マージン等も設定してIE以外のブラウザではきちんと詰まって表示されます。なぜか上部のaboutだけは正常に空白なしで詰まっております。 現状のXTHML+CSSで画像の空白を詰めるにはどのようにしたら良いでしょうか?

  • HP作成の手法について

    下記のようなページを作りたいのですが、これはどういう手法でしょうか。 http://www.s-d-h.jp/dress-aitem/d01aw2011-02.html 左側の写真をクリックしますと別画面で大きく写真が表示され、その写真右側中央に→が出てクリックしますと別の写真に入れ替わります。 これはjavascriptでしょうか、それともフラッシュでしょうか。 ソースを見るとjavascriptのようですが、javascriptだけで作れるものでしょうか。 javascriptやフラッシュを使ったHP作成に詳しくないもので、ご存知の方、教えて頂けると助かります。

専門家に質問してみよう