<!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-Language" content="ja">
<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<link REL="SHORTCUT ICON" href="favicon.ico">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="description" content="最新のJavaScript、DHTML、XML、CSS、Ajax、Java、Flashなどのサンプルと応用。　日記、散文、☆お気に入りのJazz♪やWorldMusic♪。">
<meta name="keywords" content="HTML,JavaScript,DHTML,XML,CSS,XSL,Ajax,JavaApplet,Java,Flash,ActiveX,Windows7,Bios,DeviceDriver,太陽風,Jazz,WorldMusic,むんにゃ,そよぎ,Webデザイン,ホームページ作成,フリーソフトリンク,">

<style type="text/css"><!-- 
.xxx0 { background: #F9F8F9 url('../wttec.gif'); }
.xxx1 { background-color:#E3E0DC; }
.xxx2 { background-color:#FFFFFF; }
body { color:#000000; background: #F9F8F9 url('../wttec.gif'); text-decoration:none; }
a:link { color:#3C0055; background-color:#FBFAFE; text-decoration:none; }
a:visited { color:#270037; background-color:#EDECEF; text-decoration:none; }
a:hover { color:#1F002E; background-color:#D2F3F4; text-decoration:underline; }
a:active { color:#1F002E; background-color:#EEFFD6; text-decoration:underline; }
font {font-size:12px; line-height:13px;}
body,tr,td,form{ font-family:MS PGothic,MS Gothic,Lucida Sans Regular; font-size: 12px}
 --></style>
<base target="_blank">
<title>サンプルページ　　　階層メニュー 32</title>
<!--　☆ -----------　↓ この間をコピー＆ペーストします。  ------------　-->
<link rel="stylesheet" type="text/css" href="00714350.css">
<script language="javascript" src="00714350.js"></script>
<script language="javascript" src="00714351.js"></script>
<!--　☆ -----------　↑ この間をコピー＆ペーストします。  ------------　-->  
</head>

<body bgcolor="#F9F8F9" link="#54006C" vlink="#270037" alink="#00FFFF">
<!--　★　-----------　↓ この間をコピー＆ペーストします。  ------------　-->
<div id="myslidemenu" class="jqueryslidemenu">
<ul>

<li><a href="http://xml-xsl.sakura.ne.jp/" target="_blank" title="DHTML XML CSS JAVAｻﾝﾌﾟﾙ">太陽風ДζΨΠ∀</a>
  <ul>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 11</a>
    <ul>
     <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 111</a></li>
<li><a href="http://www.di.fm/" target="_blank" title="Digitally Imported Internet Radio">Digitally Radio</a></li>
<li><a href="http://www.bbc.co.uk/radio/" target="_blank" title="BBC - Radio Homepage">BBC</a></li>
<li><a href="http://windowsmedia.com/radiotuner/MyRadio.asp" target="_blank" title="ﾏｲ ﾗｼﾞｵ - WindowsMedia.comﾗｼﾞｵﾁｭｰﾅｰ">Microsoft ﾗｼﾞｵﾁｭｰﾅｰ</a></li>
<li><a href="http://windowsmedia.com/radiotuner/findstations.asp?locale=409&genre=JZ" target="_blank" title="Find Stations - WindowsMedia.com Radio Tuner">Microsoft Radio Tuner</a></li>
<li><a href="http://www.ftv.com/" target="_blank" title="ﾊﾟﾘ発 FlashMovie">Fashion TV</a></li>
<li><a href="http://www.flickr.com/explore/" target="_blank" title="写真・動画の共有">Flicker</a></li>
<li><a href="http://official.ameba.jp/genre/genre4update.html" target="_blank" title="Ameba Blog">Ameba Blog-女優</a></li>
<li><a href="http://www.playboy.com/playmates/index.html" target="_blank" title="Playboy.com - Playmate Files - Centerfolds - Playmate Pictures">Playmates</a></li>
<li><a href="http://broadband.biglobe.ne.jp/index_gravure_p.html" target="_blank" title="BIGLOBE ｽﾄﾘｰﾑ 女優">BIGLOBE ｽﾄﾘｰﾑ 女優</a></li>
<li><a href="http://f.hatena.ne.jp/idolink3/" target="_blank" title="写真・動画の共有">はてなﾌｫﾄﾗｲﾌ</a></li>
    </ul>
   </li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 12</a></li>
<li><a href="http://xml-xsl.sakura.ne.jp/slide_show10.htm" target="_blank" title="自動・手動切り替え、ﾗﾝﾀﾞﾑTransitions効果、ﾎｯﾄｷｰ制御。">ｽﾗｲﾄﾞｼｮｰ10</a></li>
<li><a href="../image_change14.htm" target="_blank" title="縮小画像の横ｽｸﾛｰﾙ、ｸﾘｯｸで拡大画像などを開く。">画像切り替え14</a></li>
<li><a href="../slide_show14.htm" target="_blank" title="ﾌｪｲﾄﾞｲﾝ・ｱｳﾄ風〔ﾌﾞﾚﾝﾄﾞ効果〕で自動（ﾀｲﾏｰ）画像切り替え。">ｽﾗｲﾄﾞｼｮｰ14</a></li>
<li><a href="../light_image2/light_image2b.htm" target="_blank" title="縮小画像を選択、薄明かり背景に画像を表示、[前へ]、[次へ]ﾎﾞﾀﾝ。">照明画像2b</a></li>
<li><a href="../light_image4/light_image4.htm" target="_blank" title="薄明かり背景に、画像をｽﾗｲﾄﾞｼｮｰ表示。">照明画像4</a></li>
<li><a href="../img_chg18/img_chg18.htm" target="_blank" title="縮小画像の 縦ｽｸﾛｰﾙ・選択で原寸画像を表示、ｽｸﾛｰﾙ加速可。">画像切り替え18</a></li>
<li><a href="../slideshow21/slideshow21.htm" target="_blank" title="Flash、ｱｳﾄﾙｯｸ風の表示、ｽﾗｲﾄﾞｼｮｰ、ﾌｪｲﾄﾞ効果。　Picasa v2 +　Agile Gallery で作成。">ｽﾗｲﾄﾞｼｮｰ 21</a></li>
<li><a href="../jigsaw.htm" target="_blank" title="CSS、DIVｺﾝﾃﾅによるｼﾞｸﾞｿｰﾊﾟｽﾞﾙ。画像・分割数の設定可。">ｼﾞｸﾞｿｰﾊﾟｽﾞﾙ</a></li>
<li><a href="../slideshow30/slideshow30.htm" target="_blank" title="自動開始のﾀｲﾏｰ切り替え、あるいはｽｸﾛｰﾙ小画像から選択。 Flash、XML">ｽﾗｲﾄﾞｼｮｰ30</a></li>
  </ul>
</li>

<li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 2</a>
  <ul>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 21</a>
    <ul>
     <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 211</a></li>
     <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 212</a></li>
     <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 213</a></li>
     <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 214</a></li>
     <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 215</a></li>
     <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 216</a></li>
     <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 217</a></li>
     <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 218</a></li>
     <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 219</a></li>
    </ul>
   </li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 22</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 23</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 24</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 25</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 26</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 27</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 28</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 29</a></li>
  </ul>
</li>

<li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 3</a>
  <ul>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 31</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 32</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 33</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 34</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 35</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 36</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 37</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 38</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 39</a></li>
  </ul>
</li>

<li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 4</a>
  <ul>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 41</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 42</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 43</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 44</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 45</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 46</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 47</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 48</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 49</a></li>
  </ul>
</li>

<li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 5</a>
  <ul>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 51</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 52</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 53</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 54</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 55</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 56</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 57</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 58</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 59</a></li>
  </ul>
</li>
<li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 6</a>
  <ul>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 61</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 62</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 63</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 64</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 65</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 66</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 67</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 68</a></li>
   <li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 69</a></li>
  </ul>
</li>

<li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 7</a></li>
<li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 8</a></li>
<li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 9</a></li>
<li><a href="http://　……　.html">ﾒﾆｭｰ･ｻｲﾄ名 10</a></li>

</ul>
<br style="clear: left" />
</div><br style="clear: left" />
</div>
<!--　★　-----------　↑ この間をコピー＆ペーストします。  ------------　-->
<p>　</p>
<p>　</p>
<p>　</p>
<p><a target="_top" href="http://xml-xsl.sakura.ne.jp/oritatami3c.html">ﾎｰﾑ</a>　へ　　　　　　　<font size="3"><b>ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　階層ﾒﾆｭｰ 32</b></font>　　<a target="_blank" href="../hr_menu32/hr_menu32.html">hr_menu32.html</a></p>

<p>ﾏｳｽｵｰﾊﾞｰで展開の縦長配置ﾒﾆｭｰ、編集容易。　　　　　　DHTML。　　　　　　ﾊｲﾊﾟｰﾘﾝｸ、配色などのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　all 対応。　　　　　ｺﾋﾟｰ、<b><a href="#編集" target="_self">編集</a></b>し、簡単にWebで応用できまっ、(^ ^)。</p>

<p>　</p>

<p>&lt; ご使用方法 &gt;</p>

<p>　・　ﾛｰｶﾙ（=PC）への<b>保存</b>は、<a target="_blank" href="../hr_menu32/">hr_menu32/</a>をｸﾘｯｸ開いたﾎﾙﾀﾞｰで、hr_menu32.html、*.js、*.cssなどを右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙの<b>ﾀﾞｳﾝﾛｰﾄﾞ</b>】、【ﾌｧｲﾙ名を付けて保存】 - &lt;保存する場所&gt;： ……、などで。　　　※: 変わってしまったﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。　　　<p>　・　このDHTMLの<b>実装方法</b>は、hr_menu32.html をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどのHTML挿入/編集ﾒﾆｭｰなどを使って、<a href="http://xml-xsl.sakura.ne.jp/hogehoge.htm" target="_blank">新しいﾍﾟｰｼﾞ 1</a> や hogehoge.html（=任意の挿入先ﾌｧｲﾙ名） の、<span style="background-color: #FFFFFF"> &lt;head&gt;　〜　&lt;/head&gt;</span> の任意の行間に<span style="color: #990022"> <a href="#(*1)" target="_self"><font color="#990022">(*1)</font></a></span>を、さらに<span style="BACKGROUND-COLOR: #FFFFFF"> 
&lt;body&gt;　〜　&lt;/body&gt;</span>の任意の行間に<span style="color: #990022"> <a target="_self" href="#(*2)"><font color="#990022">(*2)</font></a> </span>をﾍﾟｰｽﾄします。</p>
<p>　･　<b><a href="#編集" target="_self">編集</a>方法</b>は、hogehoge.html をﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいは ”<a target="_blank" href="http://xml-xsl.sakura.ne.jp/hpb001.html#FEPsetup">FrontPage Express</a>” などのﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰ で開き<b><a href="#編集" target="_self">編集</a></b>します。　　　　下記の（例）<span style="color: #990022"> <a href="#(*1)" target="_self"><font color="#990022">(*1)</font></a></span> と、<span style="color: #990022"><a target="_self" href="#(*2)"><font color="#990022">(*2)</font></a> </span>を参考に<b>太字部分</b>の編集を任意に行います。　　　※: ﾃｷｽﾄｴﾃﾞｨﾀｰによる<b><a href="#編集" target="_self">編集</a></b>は、HP制作ｿﾌﾄとの互換性の問題を生じません（HP制作ｿﾌﾄ間は少し生じる）。</p>
<p>　・　<b>作動ﾃｽﾄ</b>は、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer 8.x〜 などで開いて。　　　　更新の確認は [F5]ｷｰ を押し、ｻｰﾊﾞｰやﾌﾞﾗｳｻﾞｰのｷｬｯｼｭｸﾘｱｰ、最新ﾃﾞｰﾀ読み込み（≠再ｱｸｾｽ）で行います。</p>
<p>　･　<b>ｱｯﾌﾟﾛｰﾄﾞ</b>や作動ﾃｽﾄは、hogehoge.html と同じ階層〔ﾎﾙﾀﾞｰ/ﾃﾞｨﾚｸﾄﾘｰ〕に、使用する画像、*.js、*.css なども転送/配置し実施。　　※：別ﾃﾞｨﾚｸﾄﾘｰに配置時は、*.html 中のﾊﾟｽは要修正。　　　FTPなどで変わったﾌｧｲﾙ名は要修正。　　　　ｽｸﾘﾌﾟﾄ構文中への改行混入は非作動原因。</p>
<p>　･　関連情報 ： <a onclick="window.open('../rgb6/rgb6.htm', 'XX','status=yes,scrollbars=yes,width=400,height=300,resizable=yes,directories=no,screenX=2,left=2,screenY=2,top=2')" target="_self" href="#">
色記号6</a>、<a onclick="window.open('http://xml-xsl.sakura.ne.jp/rgb2.htm', 'XX','status=yes,scrollbars=yes,width=430,height=510,resizable=yes,directories=no,screenX=2,left=2,screenY=2,top=2')" target="_self" href="#">2</a>、<a target="_blank" href="http://xml-xsl.sakura.ne.jp/css.htm">ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ</a>、<a href="http://xml-xsl.sakura.ne.jp/hpb001.html">ﾎｰﾑﾍﾟｰｼﾞ開設入門</a>が便利！。　　　<a href="http://msdn.microsoft.com/en-us/library/aa155073.aspx">Web Development</a>、<a href="http://msdn.microsoft.com/ja-jp/library/aa155073.aspx">Web開発</a>、<b><a href="http://msdn.microsoft.com/ja-jp/library/cc843975.aspx">MSDN 
IE8</a></b> <a href="http://msdn.microsoft.com/ja-jp/library/bb250399(VS.85).aspx">HTMLとCSS</a>、<a href="http://msdn.microsoft.com/ja-jp/library/cc817576.aspx">開発ﾂｰﾙでｻｲﾄを修正</a>、<a href="http://msdn.microsoft.com/ja-jp/library/cc848892(vs.85).aspx">ｽｸﾘﾌﾟﾄ ﾃﾞﾊﾞｯｸﾞの概要</a>、<a href="http://msdn.microsoft.com/ja-jp/library/cc817571.aspx">HTMLとCSSのｻﾎﾟｰﾄ</a>、<a href="http://msdn.microsoft.com/ja-jp/library/cc304082(vs.85).aspx">CSSの改良点</a>、<a href="http://msdn.microsoft.com/ja-jp/library/cc872845.aspx">IE7</a>、<a href="http://msdn.microsoft.com/ja-jp/library/cc872846.aspx">IE6</a>、<a href="http://msdn2.microsoft.com/ja-jp/xml/default.aspx">XML</a>、<a href="http://msdn.microsoft.com/ja-jp/library/cc409712.aspx">DHTML</a>。</p>
<p>　</p>

<p><a name="(*1)"></a></p>
<p><span style="color: #990022">(*1)</span> 
：　hr_menu32.html （例）　　　　　　　　<span style="BACKGROUND-COLOR: #FFFFFF">　挿入先の 　&lt;head&gt; 〜 &lt;/head&gt;</span>　の、<span style="BACKGROUND-COLOR: #FFFFFF">〜</span> 部分にﾍﾟｰｽﾄします。</p>
<table border="0" cellSpacing="1" width="99%" id="table1">
  <tr>
    <td class="xxx0" width="2%" bgcolor="#EEE9E1"></td>
    <td class="xxx1" vAlign="top" width="15%" bgcolor="#EEE9E1">　HTMLの編集方法　</td>
    <td class="xxx1" bgcolor="#EEE9E1" vAlign="top" width="84%"><span style="color: #990022">&nbsp;(*1) </span>をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、<b>太字部分</b>を編集し使用。</td>
  </tr>
</table>
<table border="0" cellSpacing="1" width="99%" height="374">
<tbody>
  <tr>
    <td width="2%"></td>
    <td vAlign="top" width="15%">〔この列ﾍﾟｰｽﾄ不要〕&nbsp; 
    　<p>ｼﾌﾄJIS使用（削除不可）</p>
    <p>ｉｅなどに表示する<span style="color: #95000C"><b>ｱｲｺﾝﾌｧｲﾙ名</b></span>（削除可）</p>
    <p>
	<font COLOR="#0000c0">&lt;style type=</font> 〜 
	<font COLOR="#0000c0">&nbsp;&lt;/style&gt;</font>は（削除可）<br>
    (*1)〜(*3)表ﾀｲﾄﾙ背景<br>
	<br>
	body 文字色　背景色　下線<br>
    ﾊｲﾊﾟｰﾘﾝｸ 〃<br>
    表示済みの〃<br>
    ﾏｳｽｵｰﾊﾞｰ時の〃<br>
    ｸﾘｯｸ中の〃<br>
	ﾌｫﾝﾄ</p>
	<p>　</p>
    <p><span style="color: #B800C1">
    <b>ﾘﾝｸを新しいWinで開くを標準</b></span>（削除可）※：target=　いろいろ<br>
    同じﾌﾚｰﾑ=_self、ﾍﾟｰｼﾞ全体=_top、親ﾌﾚｰﾑ=_parent<br>
    <span style="color: #808000">
    <b>お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名</b></span>（≠ﾌｧｲﾙ名）</p> 
    </td>
    <td class="xxx2" bgColor="#FFFFFF" vAlign="top" width="84%">&lt;!DOCTYPE html 
	PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; 
	&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;<p><font>&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=x-sjis&quot;&gt;</font></p>
    <p>&lt;link REL=&quot;SHORTCUT ICON&quot; href=&quot;<span style="color: #95000C"><b>favicon.ico</b></span>&quot;&gt;</p>
    <p><font COLOR="#0000c0">&lt;style type=</font>&quot;text/css&quot;<font COLOR="#0000c0">&gt;</font>&lt;!-- 
    <br>
    .xxx0 
	{ background: #F9F8F9 url('wttec.gif'); 
	}<br>
	.xxx1 { background-color:#E3E0DC; }<br>
	.xxx2 { background-color:#FFFFFF; }<br>
	body { color:#000000; background: #F9F8F9 
	url('wttec.gif'); text-decoration:none; 
	}<br>
	a:link { color:#3C0055; background-color:#FBFAFE; text-decoration:none; }<br>
	a:visited { color:#270037; background-color:#EDECEF; text-decoration:none; }<br>
	a:hover { color:#1F002E; background-color:#D2F3F4; 
	text-decoration:underline; }<br>
	a:active { color:#1F002E; background-color:#F5FFD2; 
	text-decoration:underline; } <br>
	font {<br>
	font-size:12px;<br>
	line-height:13px;<br>
	} <br>
	body,tr,td,form{ font-family:MS PGothic,MS Gothic,Verdana; font-size: 12px}
	<br>
	<font COLOR="#0000c0">&nbsp;--&gt;&lt;/style&gt; </font>
	<p>&lt;base target=&quot;<span style="color: #B800C1"><b>_blank</b></span>&quot;&gt;</p>
    <p>&lt;title&gt;<span style="color: #808000"><b>サンプルページ　　階層メニュー 32</b></span>&lt;/title&gt;</p>
	<p>&lt;!--　☆ -----------　↓ この間をコピー＆ペーストします。 ------------　--&gt;<br>
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;<b>00714350.css</b>&quot;&gt;<br>
	&lt;script language=&quot;javascript&quot; src=&quot;<b>00714350.js</b>&quot;&gt;&lt;/script&gt;<br>
	&lt;script language=&quot;javascript&quot; src=&quot;<b>00714351.js</b>&quot;&gt;&lt;/script&gt;<br>
	&lt;!--　☆ -----------　↑ この間をコピー＆ペーストします。 ------------　--&gt; </p>
    </td>
  </tr>
</table>

<p>　</p>

<p><a name="(*2)"></a></p>

<p><span style="color: #990022">(*2)</span> 
：<font color="#ff0000">　</font>hr_menu32.html （例）　　　　　　　<span style="BACKGROUND-COLOR: #FFFFFF">　挿入先の 　&lt;body&gt; 〜 
&lt;/body&gt;</span><span style="background-color: #FFFFFF">　</span>の、<span style="BACKGROUND-COLOR: #FFFFFF">〜</span> 
部分にﾍﾟｰｽﾄします。</p>

<table border="0" cellSpacing="1" width="99%">
  <tr>
    <td class="xxx0" width="2%" bgcolor="#EEE9E1"></td>
    <td class="xxx1" vAlign="top" width="15%" bgcolor="#EEE9E1">　HTMLの編集方法　</td>
    <td class="xxx1" bgcolor="#EEE9E1" vAlign="top" width="84%"><span style="color: #990022">&nbsp;(*2)</span>をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、<b>太字部分</b>を編集し使用。</td>
  </tr>
</table>

<table border="0" cellSpacing="1" width="99%">
<tbody>
  <tr>
    <td width="2%"></td>
    <td vAlign="top" width="15%">〔この列ﾍﾟｰｽﾄ不要〕 
    <p><span style="BACKGROUND-COLOR: #FFFFFF">※：&lt;body&gt;　部の編集</span><b><span style="color: #DD7900">　背景</span><span style="color: #446C62">　ﾘﾝｸ　</span><span style="color: #8400E6">表示済みﾘﾝｸﾝｸ　</span><span style="color: #95000C">ｱｸﾃｨﾌﾞﾘﾝｸの各色</span></b>（任意値）</p>
    <p>　</p>
    <p>URL　ﾀｰｹﾞｯﾄを新しいWinで開く　吹き出し　ﾒﾆｭｰ･ｻｲﾄ名</p>
	<p>以下、同様。</p></td>
    <td class="xxx2" bgColor="#ffffff" vAlign="top" width="84%"><p>　</p>
    <p>&lt;body bgcolor=&quot;<span style="color: #DD7900"><b>#F9F8F9</b></span>&quot; link=&quot;<span style="color: #446C62"><b>#54006C</b></span>&quot; vlink=&quot;<span style="color: #8400E6"><b>#62000D</b></span>&quot; alink=&quot;<span style="color: #95000C"><b>#00FFFF</b></span>&quot;&gt; </p>
    <p>&lt;!--　★　-----------　↓ この間をコピー＆ペーストします。 ------------　--&gt;<br>
	&lt;div id=&quot;myslidemenu&quot; class=&quot;jqueryslidemenu&quot;&gt;<br>
	&lt;ul&gt;<br>
	<br>
	&lt;li&gt;&lt;a href=&quot;<b>http://www./……/xxx.html</b>&quot; target=&quot;<b>_blank</b>&quot; title=&quot;<b>ﾒｯｾｰｼﾞ</b>&quot;&gt;<b>ﾒﾆｭｰ･ｻｲﾄ名 
	1</b>&lt;/a&gt;<br>
	&lt;ul&gt;<br>
	&lt;li&gt;&lt;a href=&quot;http://www./……/xxx.html&quot; target=&quot;_blank&quot; 
	title=&quot;ﾒｯｾｰｼﾞ&quot;&gt;ﾒﾆｭｰ･ｻｲﾄ名 11&lt;/a&gt;<br>
	<b>&lt;ul&gt;</b><br>
	&lt;li&gt;&lt;a href=&quot;http://www./……/xxx.html&quot; target=&quot;_blank&quot; 
	title=&quot;ﾒｯｾｰｼﾞ&quot;&gt;ﾒﾆｭｰ･ｻｲﾄ名 111&lt;/a&gt;&lt;/li&gt;</p>
	<p><font size="2" color="#00FFFF">====&nbsp; この間､説明を省略｡&nbsp; ====</font></p>
	<p>&lt;li&gt;&lt;a href=&quot;http://www./……/xxx.html&quot; target=&quot;_blank&quot; 
	title=&quot;ﾒｯｾｰｼﾞ&quot;&gt;ﾒﾆｭｰ･ｻｲﾄ名 119&lt;/a&gt;&lt;/li&gt;<br>
	<b>&lt;/ul&gt;</b><br>
	&lt;/li&gt;<br>
	&lt;li&gt;&lt;a href=&quot;http://www./……/xxx.html&quot; target=&quot;_blank&quot; 
	title=&quot;ﾒｯｾｰｼﾞ&quot;&gt;ﾒﾆｭｰ･ｻｲﾄ名 12&lt;/a&gt;&lt;/li&gt;</p>
	<p><font size="2" color="#00FFFF">====&nbsp; この間､説明を省略｡&nbsp; ====</font></p>
	<p>&lt;li&gt;&lt;a href=&quot;http://www./……/xxx.html&quot; target=&quot;_blank&quot; 
	title=&quot;ﾒｯｾｰｼﾞ&quot;&gt;ﾒﾆｭｰ･ｻｲﾄ名 10&lt;/a&gt;&lt;/li&gt;<br>
	<br>
	&lt;/ul&gt;<br>
	&lt;br style=&quot;clear: left&quot; /&gt;<br>
	&lt;/div&gt;&lt;br style=&quot;clear: left&quot; /&gt;<br>
	&lt;/div&gt;<br>
	&lt;!--　★　-----------　↑ この間をコピー＆ペーストします。 ------------　--&gt;</p>
    </td>
  </tr>
</table>
<p>　</p>
<p><a name="編集"></a></p>
<p>&lt; 補足 &gt;　　　　適時参照あれ！。</p>
<p>　・　<a href="http://xml-xsl.sakura.ne.jp/lr_main.htm#編集">Wordpad　によるHTMLｿｰｽ（ﾀｸﾞ）を見ながらの直接編集方法。</a></p>
</body>
</html>
