うお～困った、これはＪａｖａ？

http://letstw.cafe.coocan.jp/

上記サイトの左メニューの「武器」「防具」「アクセサリー」などをクリックすると、その詳細が下にでるようになってますよね？

これを自作ホームページに活用したいのですが、いかんせんやり方がわかりません。

知っている方いらっしいましたら参考ＵＲＬでもかまいませんので教えてください。

No.6 ベストアンサー 回答者： natatin 回答日時： 2006/04/30 13:53

FLASH素材を使えば簡単ですけど

http://flash-bucks.com/flash/menu/index.html

参考になりそうなサイト
http://wws.cside.com/factory/frame.html?body/fac …

http://www2.ocn.ne.jp/~yoochan/decoration/JavaSc …

http://soft.bko.to/dhtml/tree3/

この回答への補足

回答ありがとうございます！

ＦＬＡＳＨは好みのデザインが無かったのでやめることにしました！

しかし、参考になりそうなサイトにて私が求めていたものがずばりありました！
「２階層」という言葉なんですね！
初めて知りました。

しかし、ソースがめちゃくちゃ長すぎるので解読にかなりの時間をつぎ込みそうです。

一応頑張ってみますが、もし、もっと簡単にできるような方法がありましたら教えてください。

補足日時：2006/04/30 18:36

No.5 回答者： conan13 回答日時： 2006/04/30 10:33

この場合僕もよく使うけど

http://letstw.cafe.coocan.jp/
の武器の部分から防具までのソース

<div class="main">
<div onClick="exMenu('menu1')" style="cursor:pointer">
<img src="arrow.gif" alt="">武器</div></div>
<DIV id="menu1" style="display:none" CLASS="sub">
<div CLASS="name">ルシアン・イスピン</div>
<a href="wepon/katana.html" target="right">刀</a>｜<a href="wepon/tyouken.html" target="right">長剣</a>｜<a href="wepon/hosoken.html" target="right">細剣</a><br>
<div CLASS="name">ボリス・マキシミン</div>
<a href="wepon/katana.html" target="right">刀</a>｜<a href="wepon/tati.html" target="right">太刀</a>｜<a href="wepon/daiken.html" target="right">大剣</a><br>
<div CLASS="name">ナヤトレイ</div>
<a href="wepon/tanken.html" target="right">短剣</a>｜<a href="wepon/tantou.html" target="right">短刀</a>｜<a href="wepon/ono.html" target="right">斧</a><br>
<div CLASS="name">シベリン</div>
<a href="wepon/yari.html" target="right">槍</a>｜<a href="wepon/bou.html" target="right">棒</a><br>
<div CLASS="name">ミラ</div>
<a href="wepon/muti.html" target="right">鞭</a>｜<a href="wepon/fureiru.html" target="right">連接棍</a><br>
<div CLASS="name">ティチエル</div>
<a href="wepon/sutaffu.html" target="right">魔杖</a>｜<a href="wepon/roddo.html" target="right">聖杖</a>｜<a href="wepon/meisu.html" target="right">戦杖</a>
</div>

<div class="main">
<div onClick="exMenu('menu2')" style="cursor:pointer">
<img src="arrow.gif" alt="">防具</div></div>
<DIV id="menu2" style="display:none" CLASS="sub">
<div CLASS="name">兜</div>
<a href="bougu/kabuto.html" target="right">兜</a>
<div CLASS="name">鎧</div>
<a href="bougu/juusou.html" target="right">重装</a>｜<a href="bougu/keisou.html" target="right">軽装</a>｜<a href="bougu/fuku.html" target="right">服</a><br>
<a href="bougu/robu.html" target="right">ローブ</a>｜<a href="bougu/yoroi.html" target="right">その他鎧</a>
<div CLASS="name">小手</div>
<a href="bougu/tate.html" target="right">盾</a>｜<a href="bougu/nakkuru.html" target="right">ナックル</a>｜<a href="bougu/bando.html" target="right">バンド</a><br>
<a href="bougu/buresu.html" target="right">護符</a>｜<a href="bougu/tatea.html" target="right">その他盾</a>
</div>

これをＨＰに貼り付けて、後は自分で好きなように修正したり工夫していけばいいと思うよ

No.4 回答者： conan13 回答日時： 2006/04/30 10:16

この場合僕もよく使うけど

http://letstw.cafe.cooocan.jp/
の武器の部分から防具までのソース

<div class="main">
<div onClick="exMenu('menu1')" style="cursor:pointer">
<img src="arrow.gif" alt="">武器</div></div>
<DIV id="menu1" style="display:none" CLASS="sub">
<div CLASS="name">ルシアン・イスピン</div>
<a href="wepon/katana.html" target="right">刀</a>｜<a href="wepon/tyouken.html" target="right">長剣</a>｜<a href="wepon/hosoken.html" target="right">細剣</a><br>
<div CLASS="name">ボリス・マキシミン</div>
<a href="wepon/katana.html" target="right">刀</a>｜<a href="wepon/tati.html" target="right">太刀</a>｜<a href="wepon/daiken.html" target="right">大剣</a><br>
<div CLASS="name">ナヤトレイ</div>
<a href="wepon/tanken.html" target="right">短剣</a>｜<a href="wepon/tantou.html" target="right">短刀</a>｜<a href="wepon/ono.html" target="right">斧</a><br>
<div CLASS="name">シベリン</div>
<a href="wepon/yari.html" target="right">槍</a>｜<a href="wepon/bou.html" target="right">棒</a><br>
<div CLASS="name">ミラ</div>
<a href="wepon/muti.html" target="right">鞭</a>｜<a href="wepon/fureiru.html" target="right">連接棍</a><br>
<div CLASS="name">ティチエル</div>
<a href="wepon/sutaffu.html" target="right">魔杖</a>｜<a href="wepon/roddo.html" target="right">聖杖</a>｜<a href="wepon/meisu.html" target="right">戦杖</a>
</div>

<div class="main">
<div onClick="exMenu('menu2')" style="cursor:pointer">
<img src="arrow.gif" alt="">防具</div></div>
<DIV id="menu2" style="display:none" CLASS="sub">
<div CLASS="name">兜</div>
<a href="bougu/kabuto.html" target="right">兜</a>
<div CLASS="name">鎧</div>
<a href="bougu/juusou.html" target="right">重装</a>｜<a href="bougu/keisou.html" target="right">軽装</a>｜<a href="bougu/fuku.html" target="right">服</a><br>
<a href="bougu/robu.html" target="right">ローブ</a>｜<a href="bougu/yoroi.html" target="right">その他鎧</a>
<div CLASS="name">小手</div>
<a href="bougu/tate.html" target="right">盾</a>｜<a href="bougu/nakkuru.html" target="right">ナックル</a>｜<a href="bougu/bando.html" target="right">バンド</a><br>
<a href="bougu/buresu.html" target="right">護符</a>｜<a href="bougu/tatea.html" target="right">その他盾</a>
</div>

これをＨＰに貼り付けて、後は自分で好きなように修正したり工夫していけばいいと思うよ

No.3 回答者： tarou2626 回答日時： 2006/04/30 04:15

ども。

初めまして。
防具の一覧画面で右クリックでソースの表示をすると
大体のことがわかるはずです。

もう一点付け加えるなら
****://letstw.cafe.coocan.jp/css/wepon.css
にアクセスしてみてください。
これが防具などの一覧に使われてるテーブルの定義ファイルになります。

どうも見てる限りでは武器などのデータは直書きであると思われます。

ちなみに上のアドレスは

この回答への補足

初めまして、回答ありがとうございます。
ただ、アクセスしても全く意味がわからないしだいで・・・。

自作ホームページにてこういう表示をやりたいのですが・・・

【ゲーム一覧】
|
--ファイナルファンタジー７
--武蔵伝
--ドラゴンクエスト８
--ダーククロニクル
--・・・
--・・・

分かりにくいようでしたらすみません。

これができるようになりたいのですが、どうしたらいいでしょうか？

できればソースをバン！と載せてほしいのですが、それはやはりダメですかね？

補足日時：2006/04/30 04:22

No.2 回答者： kenken0 回答日時： 2006/04/30 03:27

http://letstw.cafe.coocan.jp/menu.html
これにアクセスしてソースだしたらいかがでしょう？
見れますか？

この回答への補足

うーむ・・・スクリプトの部分のソースが非常に短いのですが、あれでできるのでしょうか？

一応やってみます。

ありがとうございます。

補足日時：2006/04/30 03:30

No.1 回答者： kenken0 回答日時： 2006/04/30 03:18

JAVAscriptですね。

ソースが見れますので、それを見て参考になさってはいかがでしょうか？

この回答への補足

ソース見れないんですが・・・

補足日時：2006/04/30 03:24