• ベストアンサー

▲▲ツリーメニューの詳細?2▲▲JavaScriptに詳しいかた見てください。

前回の質問に続いて質問させていただきます☆ 前回の質問内容は以下のURLをご確認下さい。 http://www3.ocn.ne.jp/~manna/youyaku.html 今日の質問内容はツリーを表示する時に「パッ」と出るのではなく、「にゅ~」とゆっくりと言うか上から下へ「ズルズル」と出るようにしたいと思っております。 もしおわかりになる方がいらっしゃいましたら、お教えいただけますでしょうか?可能であれば、タグを書いていただければ幸いです☆ http://www3.ocn.ne.jp/~manna/youyaku.html

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

  • ベストアンサー
回答No.1

うーん・・こんなのしか思い浮かばなかった・・・ ちょっと力技っぽいですが・・・ ------ ここから ------ <html> <head> <script type="text/javascript"> <!-- id_count = new Array(); id_count['list1'] = 4; id_count['list2'] = 4; id_count['list3'] = 2; var pid = 0; var vcnt = 0; function view(view_id){ for( id in id_count ){ cnt = id_count[id]; for(var i=1; i<=cnt; i++ ){ document.getElementById(id+'-'+i).style.display = "none"; } } view_list( view_id, id_count[view_id] ); } function view_list( l, n ){ document.getElementById(l+'-'+n).style.display = "block"; n--; if( n == 0 ){ clearTimeout(pid); return false; } pid = setTimeout("view_list('"+l+"',"+n+")",100); } //--> </script> </head> <body> <table> <tr> <td><a href="javascript:view('list1');">10月</a></td> <td><a href="javascript:view('list2');">11月</a></td> <td><a href="javascript:view('list3');">12月</a></td> </tr> <tr> <td> <div id="list1-1" style="display:none"> 1週<br> </div> <div id="list1-2" style="display:none"> 2週<br> </div> <div id="list1-3" style="display:none"> 3週<br> </div> <div id="list1-4" style="display:none"> 4週<br> </div> </td> <td> <div id="list2-1" style="display:none"> 1週<br> </div> <div id="list2-2" style="display:none"> 2週<br> </div> <div id="list2-3" style="display:none"> 3週<br> </div> <div id="list2-4" style="display:none"> 4週<br> </div> </td> <td> <div id="list3-1" style="display:none"> 1週<br> </div> <div id="list3-2" style="display:none"> 2週<br> </div> </td> </tr> </table> </body> </html> ------ ここまで ------ 表示の速度はsetTimeoutの数字で調整してください。 1000が1秒です。

すると、全ての回答が全文表示されます。

関連するQ&A