WEST MiRa(1,739 Byte)
JavaScript(1,601 Byte)
jbZ

■ JavaScript - サンプル集(257種類) - DHTML
   - ポップアップメニュー DHTML版(ツリー型 )補足 ツリーメニューのリンクをフレーム対応にする




2.ツリーメニューのリンクをフレーム対応にする

リンク部分に、ターゲット指定を付け加えてください。

変更前
<div id="title0" style="position:relative;visibility:visible;">
<layer name="title0">
<a href="JavaScript:hyouji(0);">▼</a>Front
</layer></div>
<span id="lay0">
<tt>├</tt><a href="../../index.html#JavaScript">JavaScript</a><br>
<tt>├</tt><a href="../kiso_faq.html">JavaScript FAQ</a><br>
<tt>├</tt><a href="../../index.html#JavaScript">JavaScript2</a><br>
</span>

<div id="title1" style="position:relative;visibility:visible;">
<layer name="title1">
<a href="JavaScript:hyouji(1);">▼</a>Contents
</layer></div>
<span id="lay1">
<tt>├</tt><a href="../../index.html#JavaScript">JavaScript</a><br>
<tt>├</tt><a href="../lib_link.html">Library(Link)</a><br>
<tt>├</tt><a href="../../index.html#JavaScript">JavaScript</a><br>
<tt>├</tt><a href="../lib_link.html">Library(Link)2</a><br>
</span>

<div id="title2" style="position:relative;visibility:visible;">
<layer name="title2">
<a href="JavaScript:hyouji(2);">▼</a>Communication
</layer></div>
<span id="lay2">
<tt>├</tt><a href="../etc_link.html">Link</a><br>
<tt>├</tt><a href="../etc_link.html">Link2</a><br>
</span>

<div id="title3" style="position:relative;visibility:visible;">
<layer name="title3">
<a href="JavaScript:hyouji(3);">▼</a>Contents
</layer></div>
<span id="lay3">
<tt>├</tt><a href="../../index.html#JavaScript">JavaScript</a><br>
<tt>├</tt><a href="../lib_link.html">Library(Link)</a><br>
<tt>├</tt><a href="../../index.html#JavaScript">JavaScript</a><br>
<tt>├</tt><a href="../lib_link.html">Library(Link)2</a><br>
</span>
変更後
<div id="title0" style="position:relative;visibility:visible;">
<layer name="title0">
<a href="JavaScript:hyouji(0);">▼</a>Front
</layer></div>
<span id="lay0">
<tt>├</tt><a href="../../index.html#JavaScript" target="フレーム名">JavaScript</a><br>
<tt>├</tt><a href="../kiso_faq.html" target="フレーム名">JavaScript FAQ</a><br>
<tt>├</tt><a href="../../index.html#JavaScript" target="フレーム名">JavaScript2</a><br>
</span>

<div id="title1" style="position:relative;visibility:visible;">
<layer name="title1">
<a href="JavaScript:hyouji(1);">▼</a>Contents
</layer></div>
<span id="lay1">
<tt>├</tt><a href="../../index.html#JavaScript" target="フレーム名">JavaScript</a><br>
<tt>├</tt><a href="../lib_link.html" target="フレーム名">Library(Link)</a><br>
<tt>├</tt><a href="../../index.html#JavaScript" target="フレーム名">JavaScript</a><br>
<tt>├</tt><a href="../lib_link.html" target="フレーム名">Library(Link)2</a><br>
</span>

<div id="title2" style="position:relative;visibility:visible;">
<layer name="title2">
<a href="JavaScript:hyouji(2);">▼</a>Communication
</layer></div>
<span id="lay2">
<tt>├</tt><a href="../etc_link.html" target="フレーム名">Link</a><br>
<tt>├</tt><a href="../etc_link.html" target="フレーム名">Link2</a><br>
</span>

<div id="title3" style="position:relative;visibility:visible;">
<layer name="title3">
<a href="JavaScript:hyouji(3);">▼</a>Contents
</layer></div>
<span id="lay3">
<tt>├</tt><a href="../../index.html#JavaScript" target="フレーム名">JavaScript</a><br>
<tt>├</tt><a href="../lib_link.html" target="フレーム名">Library(Link)</a><br>
<tt>├</tt><a href="../../index.html#JavaScript" target="フレーム名">JavaScript</a><br>
<tt>├</tt><a href="../lib_link.html" target="フレーム名">Library(Link)2</a><br>
</span>
補足解説を見る


バナー、リンクについて  ,   利用規約  ,   ヘルプ

Copyright (C) 1998-2007 WEST MiRa. All rights reserved.