runtimestyle3.htm

一个很好的jTree的例子


<!--    var myTree=new JGrid;    //-->
<DIV>
	<DIV level="-1"><IMG height="17" src="img/cd.gif" width="19" align="absMiddle">时尚精品</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">箱包
		<DIV>
				<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">旅行箱
					<DIV>
							<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">测试1
								<DIV></DIV>
							</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">测试2
							<DIV></DIV>
						</DIV>
					</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">手袋
				<DIV>
							<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">测试3
								<DIV></DIV>
							</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">测试4
						<DIV></DIV>
					</DIV>
				</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">运动包
				<DIV>
							<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">测试5
								<DIV></DIV>
							</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">测试6
						<DIV></DIV>
					</DIV>
				</DIV>
			</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">鞋类
		<DIV>
				<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">男鞋
					<DIV>
							<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">测试7
								<DIV></DIV>
							</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">测试8
							<DIV></DIV>
						</DIV>
					</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">女鞋
				<DIV>
							<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">测试9
								<DIV></DIV>
							</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">测试10
						<DIV></DIV>
					</DIV>
				</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">童鞋
				<DIV>
							<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">false
								<DIV></DIV>
							</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">false
						<DIV></DIV>
					</DIV>
				</DIV>
			</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">服装
		<DIV>
				<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">裘皮
					<DIV>
							<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">false
								<DIV></DIV>
							</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">false
							<DIV></DIV>
						</DIV>
					</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">皮革
				<DIV>
							<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">false
								<DIV></DIV>
							</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">false
						<DIV></DIV>
					</DIV>
				</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">其它其它其它
				<DIV>
							<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">false
								<DIV></DIV>
							</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">false
						<DIV></DIV>
					</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">false
						<DIV></DIV>
					</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">false
						<DIV></DIV>
					</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">false
						<DIV></DIV>
					</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">false
						<DIV></DIV>
					</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">false
						<DIV></DIV>
					</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">false
						<DIV></DIV>
					</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">false
						<DIV></DIV>
					</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">false
						<DIV></DIV>
					</DIV>
				</DIV>
			</DIV>
		</DIV>
	</DIV>
</DIV>