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

📄 runtimestyle.htm

📁 一个很好的jTree的例子
💻 HTM
字号:
🔍 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style>
<!--
body{
	font-size: 12px;
	color: #333333;
}
-->
</style>
</head>

<body>
<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 src="img/folder.gif" 
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 src="img/page.gif" 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/empty.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/empty.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/empty.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/empty.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/empty.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/empty.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/empty.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/empty.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/empty.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/empty.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/empty.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/empty.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/empty.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/empty.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>
</body>
</html>

⌨️ 快捷键说明

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