こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

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

宜しくお願いいたします。

投稿日時 - 2011-03-04 17:51:56

QNo.6567817

困ってます

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

どちらもJavaScriptによって、

「クリックしたら回答部分を表示」

と言う処理を作っています。
一つ目の方はprototype.jsと言うライブラリを使っています。
もう一つの方は自前のJavaScriptっぽいですね。
(ざっとしかみてませんが)

どちらも初心者の方には少々取っ付きにくいことでしょう。
勉強して自力でどうにかということでしたら、
JQueryと言うJavaScriptのライブラリについて、
調べてみては思います。

投稿日時 - 2011-03-04 18:00:25

補足

なるほど。javascriptなのですね。
ありがとうございます。

素人にはちょっと大変そうですねw

jQueryでやってみようと検索しています。
わかりやすく設置方法が出てる、おすすめのwebサイトなどはありますか?

宜しくお願いいたします。

投稿日時 - 2011-03-05 17:04:21

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(3)

ANo.3

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>

投稿日時 - 2011-03-06 12:11:08

補足

ありがとうございます。
できれば、クリックするのにこだわりたいのですw

投稿日時 - 2011-03-07 00:06:16

ANo.2

確実なのは「Java」では無いことです。
JavascriptとJavaは別物です。

投稿日時 - 2011-03-04 19:03:20

あなたにオススメの質問