
    <link rel="stylesheet" href="/static/wytag/style.css">
    <link rel="stylesheet" href="/static/wytag/bootstrap-5.0.0/css/bootstrap.min.css">
    <script src="/static/wytag/bootstrap-5.0.0/js/bootstrap.min.js"></script>
    <script src="/static/wytag/bootstrap-5.0.0/popper.min.js"></script>


<!-- c1等 变量值的变动有效区域不是全局，只在模块内生效-->
<div style="width: max-content;overflow-x: auto">


<div class="tree " style="min-width： 1150px">
	<ul >
		<li>
			<a id=13    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('综合类标签','针对纹样通过整合其​​多维度属性、特征或关联信息​​而形成的概括性分类标识','','None','/wytag/media/wytag/%E7%BB%BC%E5%90%88%E7%B1%BB%E6%A0%87%E7%AD%BE.png ')">综合类标签</a>
            
			    <ul >
                    
			        	<li>
					       <a id=107   data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('纹样来源','','','综合类标签','')">纹样来源</a>
                           
                             
                                  <ul>
                                   <!-- c1值的变动在for循内有效 for循环外仍为1-->
                               
                             
						            <li><a id=110    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('民间收藏','','','纹样来源','')">民间收藏</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=108    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('出土器物','','','纹样来源','')">出土器物</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=111    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('数字复原','','','纹样来源','')">数字复原</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=109    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('传世器物','','','纹样来源','')">传世器物</a>
                                        
                                         
                                  </li>

                             
                                  </ul>
                                  
                               
				        </li>
                     
			        	<li>
					       <a id=38   data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('民族地域','如苗族银饰的蝴蝶纹、藏族唐卡的八吉祥纹','','综合类标签','')">民族地域</a>
                           
                             
				        </li>
                     
			        	<li>
					       <a id=39   data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('工艺类型​​','浮雕纹样、刺绣纹样、印刷纹样','','综合类标签','')">工艺类型​​</a>
                           
                             
                                  <ul>
                                   <!-- c1值的变动在for循内有效 for循环外仍为1-->
                               
                             
						            <li><a id=40    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('浮雕纹样','','','工艺类型​​','')">浮雕纹样</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=41    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('刺绣纹样','','','工艺类型​​','')">刺绣纹样</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=42    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('印刷纹样','','','工艺类型​​','')">印刷纹样</a>
                                        
                                         
                                  </li>

                             
                                  </ul>
                                  
                               
				        </li>
                     
			        	<li>
					       <a id=112   style="background-color: #ffcc00;"  data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('丝路传播','','','综合类标签','')">丝路传播</a>
                           
                             
                                  <ul>
                                   <!-- c1值的变动在for循内有效 for循环外仍为1-->
                               
                             
						            <li><a id=113    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('中原本土','','','丝路传播','')">中原本土</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=115    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('中亚改造','','','丝路传播','')">中亚改造</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=114    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('西域传入','','','丝路传播','')">西域传入</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=116    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('回流变体','','','丝路传播','')">回流变体</a>
                                        
                                         
                                  </li>

                             
                                  </ul>
                                  
                               
				        </li>
                     
			        	<li>
					       <a id=103   data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('纹样演变','','','综合类标签','')">纹样演变</a>
                           
                             
                                  <ul>
                                   <!-- c1值的变动在for循内有效 for循环外仍为1-->
                               
                             
						            <li><a id=104    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('汉代典型','','','纹样演变','')">汉代典型</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=105    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('唐代典型','','','纹样演变','')">唐代典型</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=106    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('演变过度','','','纹样演变','')">演变过度</a>
                                        
                                         
                                  </li>

                             
                                  </ul>
                                  
                               
				        </li>
                     
              
			</ul>
		</li>
	</ul>
</div>
</div>


<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header" >
          <h5 class="modal-title" id="exampleModalLabel" ><label id="qtext">标签信息</label></h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="关闭"></button>
      </div>
      <div class="modal-body">
          <table style="border-collapse: separate;border-spacing:25px 40px; ">
        <tr>
        <th width="10%"><p >名称：</p></th>
        <td><p class="fs-2" id="tname"></p></td>
        </tr>
        <tr>
        <th><p >图例：</p></th>
        <td><img src="" id="timg" style="max-width: 200px/"></td>
        </tr>
        <tr>
        <tr>
        <th><p >简介：</p> </th>
        <td><p id="tbrief"></td>
        </tr>
        <tr>
        <th><p >寓意：</p> </th>
            <td><p id="tmeaning"></p><td>
        </tr>
        <tr>
        <th>类型： </th>
        <td><p id="tparent"></p></td>
        </tr>

    </table>
      </div>

    </div>
  </div>
</div>

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script>
  $().ready(function(){
      $('#pills-home-tab').attr('class','nav-link dropdown-toggle active');
      $('#pills-profile-tab').attr('class','nav-link ');
      //alert($('#pills-profile-tab').attr('aria-selected'));
  })

 function popupPage(qtext){
 //alert($('#qtext'));
$('#qtext').text(qtext);

 }

 function showDetail(tagname,tagbrief,tagmeaning,tagparent,tagimgurl){
      $('#tname').text(tagname);
      $('#tbrief').text(tagbrief);
      $('#tmeaning').text(tagmeaning);
      $('#tparent').text(tagparent);
      $('#timg').attr('src',tagimgurl);
    }

</script>