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

質問

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

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

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

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

回答No.6

natatin · ベストアンサー

FLASH素材を使えば簡単ですけど
http://flash-bucks.com/flash/menu/index.html

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

http://www2.ocn.ne.jp/~yoochan/decoration/JavaScript/sample/DHTML_samp13.htm

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

補足

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

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

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

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

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

回答No.5

conan13

この場合僕もよく使うけど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

この場合僕もよく使うけど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

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

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

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

ちなみに上のアドレスは

補足

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

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

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

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

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

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

回答No.2

kenken0

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

補足

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

一応やってみます。

ありがとうございます。

回答No.1

kenken0

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

補足

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