⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 runtimestyle2.htm

📁 一个很好的jTree的例子
💻 HTM
字号:
🔍 

<SCRIPT language=JavaScript type=text/javascript><!--

var myTree=new JGrid;

//--></SCRIPT>
<DIV class=outLine>
  <DIV level="-1"><IMG height=17 src="img/cd.gif" width=19 align=absMiddle><SPAN 
class=caption>时尚精品</SPAN></DIV>
  <DIV level="0" isFirstChild="true" isLastChild="false"><IMG height=18 
src="img/minus.gif" width=18 align=absMiddle><IMG height=18 src="img/folder.gif" 
width=18 align=absMiddle><SPAN class=caption>箱包</SPAN>
      <DIV level="1" isFirstChild="true" isLastChild="false"><IMG height=18 
src="img/line.gif" width=18 align=absMiddle><IMG height=18 src="img/minus.gif" 
width=18 align=absMiddle><IMG height=18 src="img/folder.gif" width=18 
align=absMiddle><SPAN class=caption>旅行箱</SPAN>
          <DIV level="2" isFirstChild="true" isLastChild="false"><IMG height=18 
src="img/line.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/join.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>测试1</SPAN></DIV>
          <DIV level="2" isFirstChild="false" isLastChild="true"><IMG height=18 
src="img/line.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/joinBottom.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>测试2</SPAN></DIV>
      </DIV>
      <DIV level="1" isFirstChild="false" isLastChild="false"><IMG height=18 
src="img/line.gif" width=18 align=absMiddle><IMG height=18 src="img/minus.gif" 
width=18 align=absMiddle><IMG height=18 src="img/folder.gif" width=18 
align=absMiddle><SPAN class=caption>手袋</SPAN>
          <DIV level="2" isFirstChild="true" isLastChild="false"><IMG height=18 
src="img/line.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/join.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>测试3</SPAN></DIV>
          <DIV level="2" isFirstChild="false" isLastChild="true"><IMG height=18 
src="img/line.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/joinBottom.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>测试4</SPAN></DIV>
      </DIV>
      <DIV level="1" isFirstChild="false" isLastChild="true"><IMG height=18 
src="img/line.gif" width=18 align=absMiddle><IMG height=18 
src="img/minusBottom.gif" width=18 align=absMiddle><IMG height=18 
src="img/folder.gif" width=18 align=absMiddle><SPAN class=caption>运动包</SPAN>
          <DIV level="2" isFirstChild="true" isLastChild="false"><IMG height=18 
src="img/line.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/join.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>测试5</SPAN></DIV>
          <DIV level="2" isFirstChild="false" isLastChild="true"><IMG height=18 
src="img/line.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/joinBottom.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>测试6</SPAN></DIV>
      </DIV>
  </DIV>
  <DIV level="0" isFirstChild="false" isLastChild="false"><IMG height=18 
src="img/minus.gif" width=18 align=absMiddle><IMG height=18 src="img/folder.gif" 
width=18 align=absMiddle><SPAN class=caption>鞋类</SPAN>
      <DIV level="1" isFirstChild="true" isLastChild="false"><IMG height=18 
src="img/line.gif" width=18 align=absMiddle><IMG height=18 src="img/minus.gif" 
width=18 align=absMiddle><IMG height=18 src="img/folder.gif" width=18 
align=absMiddle><SPAN class=caption>男鞋</SPAN>
          <DIV level="2" isFirstChild="true" isLastChild="false"><IMG height=18 
src="img/line.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/join.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>测试7</SPAN></DIV>
          <DIV level="2" isFirstChild="false" isLastChild="true"><IMG height=18 
src="img/line.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/joinBottom.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>测试8</SPAN></DIV>
      </DIV>
      <DIV level="1" isFirstChild="false" isLastChild="false"><IMG height=18 
src="img/line.gif" width=18 align=absMiddle><IMG height=18 src="img/minus.gif" 
width=18 align=absMiddle><IMG height=18 src="img/folder.gif" width=18 
align=absMiddle><SPAN class=caption>女鞋</SPAN>
          <DIV level="2" isFirstChild="true" isLastChild="false"><IMG height=18 
src="img/line.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/join.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>测试9</SPAN></DIV>
          <DIV level="2" isFirstChild="false" isLastChild="true"><IMG height=18 
src="img/line.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/joinBottom.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>测试10</SPAN></DIV>
      </DIV>
      <DIV level="1" isFirstChild="false" isLastChild="true"><IMG height=18 
src="img/line.gif" width=18 align=absMiddle><IMG height=18 
src="img/minusBottom.gif" width=18 align=absMiddle><IMG height=18 
src="img/folder.gif" width=18 align=absMiddle><SPAN class=caption>童鞋</SPAN>
          <DIV level="2" isFirstChild="true" isLastChild="false"><IMG height=18 
src="img/line.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/join.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>false</SPAN></DIV>
          <DIV level="2" isFirstChild="false" isLastChild="true"><IMG height=18 
src="img/line.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/joinBottom.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>false</SPAN></DIV>
      </DIV>
  </DIV>
  <DIV level="0" isFirstChild="false" isLastChild="true"><IMG height=18 
src="img/minusBottom.gif" width=18 align=absMiddle><IMG height=18 
src="img/folder.gif" width=18 align=absMiddle><SPAN class=caption>服装</SPAN>
      <DIV level="1" isFirstChild="true" isLastChild="false"><IMG height=18 
src="img/empty.gif" width=18 align=absMiddle><IMG height=18 src="img/minus.gif" 
width=18 align=absMiddle><IMG height=18 src="img/folder.gif" width=18 
align=absMiddle><SPAN class=caption>裘皮</SPAN>
          <DIV level="2" isFirstChild="true" isLastChild="false"><IMG height=18 
src="img/empty.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/join.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>false</SPAN></DIV>
          <DIV level="2" isFirstChild="false" isLastChild="true"><IMG height=18 
src="img/empty.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/joinBottom.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>false</SPAN></DIV>
      </DIV>
      <DIV level="1" isFirstChild="false" isLastChild="false"><IMG height=18 
src="img/empty.gif" width=18 align=absMiddle><IMG height=18 src="img/minus.gif" 
width=18 align=absMiddle><IMG height=18 src="img/folder.gif" width=18 
align=absMiddle><SPAN class=caption>皮革</SPAN>
          <DIV level="2" isFirstChild="true" isLastChild="false"><IMG height=18 
src="img/empty.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/join.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>false</SPAN></DIV>
          <DIV level="2" isFirstChild="false" isLastChild="true"><IMG height=18 
src="img/empty.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/joinBottom.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>false</SPAN></DIV>
      </DIV>
      <DIV level="1" isFirstChild="false" isLastChild="true"><IMG height=18 
src="img/empty.gif" width=18 align=absMiddle><IMG height=18 
src="img/minusBottom.gif" width=18 align=absMiddle><IMG height=18 
src="img/folder.gif" width=18 align=absMiddle><SPAN class=caption>其它</SPAN>
          <DIV level="2" isFirstChild="true" isLastChild="false"><IMG height=18 
src="img/empty.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/join.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>false</SPAN></DIV>
          <DIV level="2" isFirstChild="false" isLastChild="false"><IMG height=18 
src="img/empty.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/join.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>false</SPAN></DIV>
          <DIV level="2" isFirstChild="false" isLastChild="false"><IMG height=18 
src="img/empty.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/join.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>false</SPAN></DIV>
          <DIV level="2" isFirstChild="false" isLastChild="false"><IMG height=18 
src="img/empty.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/join.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>false</SPAN></DIV>
          <DIV level="2" isFirstChild="false" isLastChild="false"><IMG height=18 
src="img/empty.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/join.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>false</SPAN></DIV>
          <DIV level="2" isFirstChild="false" isLastChild="false"><IMG height=18 
src="img/empty.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/join.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>false</SPAN></DIV>
          <DIV level="2" isFirstChild="false" isLastChild="false"><IMG height=18 
src="img/empty.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/join.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>false</SPAN></DIV>
          <DIV level="2" isFirstChild="false" isLastChild="false"><IMG height=18 
src="img/empty.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/join.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>false</SPAN></DIV>
          <DIV level="2" isFirstChild="false" isLastChild="false"><IMG height=18 
src="img/empty.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/join.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>false</SPAN></DIV>
          <DIV level="2" isFirstChild="false" isLastChild="true"><IMG height=18 
src="img/empty.gif" width=18 align=absMiddle><IMG height=18 src="img/line.gif" 
width=18 align=absMiddle><IMG height=18 src="img/joinBottom.gif" width=18 
align=absMiddle><IMG height=18 src="img/page.gif" width=18 align=absMiddle><SPAN 
class=caption>false</SPAN></DIV>
      </DIV>
  </DIV>
</DIV>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -