クリックした場合の画像の切り替え

締切済

質問者：32hero
質問日時：2010/01/28 20:49
回答数：1件

そもそもこの質問がJavaScriptなのかどうかも解らない、初心者です。
まずは下記のページをご確認ください。

http://livedocs.adobe.com/en_US/Spry/SDG/help.ht …
唐突に言いますと、このページの右カラムにある"+"、"-"ボタンのようなことをしたいのです。

DreamWeaverのSpryメニューから縮小する部分までは出来たのですが、
縮小時に"+"のicon、開いた時に"-"のiconを表示する方法がわかりません。どなたかご教授願えませんか？またiconと同時に、"開く"、"閉じる"も表示させたいです。

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： fujillin
回答日時：2010/01/29 10:50

質問者様がどこまで作成しているのか不明なので、

まずは、このあたりをご参考に…
http://javascriptmarket.com/script/jsm30.html
http://plusone.jpn.org/javascript/sample/acc/tre …

ライブラリを利用するのもありなら
http://allabout.co.jp/internet/javascript/closeu …
http://allabout.co.jp/internet/javascript/closeu …

http://www.skuare.net/2007/09/javascriptslidingl …

- 0
- 件

通報する

この回答へのお礼

fujillin様ご回答ありがとうございます。教えていただいたページ参考にいたします。
ソースを記載するのを忘れていました。
すいませんがここで補足させてください。

【css】※長いので下記URLより確認ください。
http://ffmovie.net/SpryCollapsiblePanel.css
【js】※長いので下記URLより確認ください。
http://ffmovie.net/SpryCollapsiblePanel.js
【html】
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無題ドキュメント</title>
<script src="http://ffmovie.net/SpryCollapsiblePanel.js" type="text/javascript"></script>
<link href="http://ffmovie.net/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="CollapsiblePanel1" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">
<img src="../img/shop/off.gif" />記事を読む
</div>
<div class="CollapsiblePanelContent">
<p>----記事----</p>
</div>
</div>

<script type="text/javascript">

</script>
</body>
</html>