- ベストアンサー
webページのQ&Aのつくり方css？java？
自社のホームページをつくっています。 webページの「よくある質問」や「Q&A」で、クリックすると回答がでてくるかたちをつくりたいのですが、素人の為cssなのかjavaなのかもわかりません。 やり方を教えてください。 参考ページ http://www.osouji-taishi.jp/header_contents/faq.php http://www.osouji-pro.jp/faq/faq.html 宜しくお願いいたします。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
どちらもJavaScriptによって、 「クリックしたら回答部分を表示」 と言う処理を作っています。 一つ目の方はprototype.jsと言うライブラリを使っています。 もう一つの方は自前のJavaScriptっぽいですね。 （ざっとしかみてませんが） どちらも初心者の方には少々取っ付きにくいことでしょう。 勉強して自力でどうにかということでしたら、 JQueryと言うJavaScriptのライブラリについて、 調べてみては思います。
その他の回答 (2)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
javascriptを使うことが多いでしょうが、CSSでも:activeという擬似クラスを使うと、もっとシンプルに可能でしょう。 クリックしなくてもよい方法 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <title>Untitled</title> <meta name="author" content="ORUKA1951"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rev="made" href="" title="send a mail" > <style type="text/css"> <!-- div.BodyText dd{display:none;} div.BodyText dt:hover{color:red;} div.BodyText dt:hover+dd{ display:block; } --> </style> <link rel="START" href="../index.html"> </head> <body> <h1>unTitle</h1> <h2>subTitle</h2> <div class="BodyText"> <h2>ArticleTitle</h2> <dl> <dt>はてな</dt> <dd>むにゃむにゃむにゃむにゃ</dd> </dl> <dl> <dt>はてな</dt> <dd>むにゃむにゃ</dd> </dl> <dl> <dt>はてな</dt> <dd>むにゃむにゃ</dd> </dl> </div> </body> </html>
補足
ありがとうございます。 できれば、クリックするのにこだわりたいのですw
- kmee
- ベストアンサー率55% (1857/3366)
確実なのは「Java」では無いことです。 JavascriptとJavaは別物です。
補足
なるほど。javascriptなのですね。 ありがとうございます。 素人にはちょっと大変そうですねw jQueryでやってみようと検索しています。 わかりやすく設置方法が出てる、おすすめのwebサイトなどはありますか？ 宜しくお願いいたします。