- 締切済み
クリックした場合の画像の切り替え
そもそもこの質問がJavaScriptなのかどうかも解らない、初心者です。 まずは下記のページをご確認ください。 http://livedocs.adobe.com/en_US/Spry/SDG/help.html?content=WS2F11DD96-49D2-48f9-AF3D-33ED47256AE4.html 唐突に言いますと、このページの右カラムにある"+"、"-"ボタンのようなことをしたいのです。 DreamWeaverのSpryメニューから縮小する部分までは出来たのですが、 縮小時に"+"のicon、開いた時に"-"のiconを表示する方法がわかりません。どなたかご教授願えませんか？またiconと同時に、"開く"、"閉じる"も表示させたいです。 宜しくお願いいたします。
- 32hero
- お礼率83% (10/12)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- fujillin
- ベストアンサー率61% (1594/2576)
回答No.1
質問者様がどこまで作成しているのか不明なので、 まずは、このあたりをご参考に… http://javascriptmarket.com/script/jsm30.html http://plusone.jpn.org/javascript/sample/acc/treemenu.html#treemenu ライブラリを利用するのもありなら http://allabout.co.jp/internet/javascript/closeup/CU20060430A/index.htm http://allabout.co.jp/internet/javascript/closeup/CU20060515A/index.htm http://www.skuare.net/2007/09/javascriptslidinglist.html
お礼
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-transitional.dtd"> <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とテキストをクリック時に変更したい。--><img src="../img/shop/off.gif" />記事を読む<!--ここまで--> </div> <div class="CollapsiblePanelContent"> <p>----記事----</p> </div> </div> <script type="text/javascript"> <!-- var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false, enableAnimation:false}); //--> </script> </body> </html>