龙空技术网

06,html自定义菜单设计demo

阿亮坚持 84

前言:

现时咱们对“html目录设计怎么做”大概比较看重,咱们都想要分析一些“html目录设计怎么做”的相关文章。那么小编在网摘上收集了一些关于“html目录设计怎么做””的相关文章,希望朋友们能喜欢,小伙伴们快快来学习一下吧!

(1),截图

(2),文件夹, 线条, 页面等图标暂不能提供, 暂截图

(3),代码

<div class="dTree">	<div class="dTreeNode">		<img id="itreemenu0" src="images/erp.gif">		<font>java网站入门经典</font>	</div>	<div id="dtreemenu0" class="clip" style="display:block">		<div class="dTreeNode">			<a href="javascript:treemenu.o(1)">				<img width="18" height="18" id="jtreemenu1" src="images/minus.gif " alt="">			</a>			<img id="itreemenu1" src="images/folder.gif">			<a href="javascript:treemenu.o(1)" class="node">				<font>第一章开启之门</font>			</a>		</div>		<div id="dtreemenu1" class="clip" style="display:block">			<div class="dTreeNode">				<img src="images/line.gif" alt="">				<a href="javascript:treemenu.o(2)">					<img width="18" height="18" id="jtreemenu2" src="images/minus.gif " alt="">				</a>				<img id="itreemenu2" src="images/folder.gif">				<a href="javascript:treemenu.o(2)" class="node">					<font>1.1初识</font>				</a>			</div>			<div id="dtreemenu2" class="clip" style="display:block">				<div class="dTreeNode">					<img src="images/line.gif" alt="">					<img src="images/line.gif" alt="">					<img width="18" height="18" src="images/join.gif" alt="">					<img id="itreemenu10" src="images/page.gif">					<a id="streemenu10" class="node" href="/page/article/disp?tid=4" onclick="javascript: treemenu.s(10);">						<font onclick="display_pros()">1.1.1概述</font>					</a>				</div>				<div class="dTreeNode">					<img src="images/line.gif" alt="">					<img src="images/line.gif" alt="">					<img width="18" height="18" src="images/joinbottom.gif" alt="">					<img id="itreemenu11" src="images/page.gif">					<a id="streemenu11" class="node" href="/page/article/disp?tid=5" onclick="javascript: treemenu.s(11);">						<font onclick="display_pros()">1.1.2特点</font>					</a>				</div>			</div>			<div class="dTreeNode">				<img src="images/line.gif" alt="">				<a href="javascript:treemenu.o(3)">					<img width="18" height="18" id="jtreemenu3" src="images/minusbottom.gif " alt="">				</a>				<img id="itreemenu3" src="images/folder.gif">				<a href="javascript:treemenu.o(3)" class="node">					<font>1.2应用技术</font>				</a>			</div>			<div id="dtreemenu3" class="clip" style="display:block">				<div class="dTreeNode">					<img src="images/line.gif" alt="">					<img src="images/empty.gif" alt="">					<img width="18" height="18" src="images/join.gif" alt="">					<img id="itreemenu12" src="images/page.gif">					<a id="streemenu12" class="node" href="/page/article/disp?tid=7" onclick="javascript: treemenu.s(12);">						<font onclick="display_pros()">1.2.1客户端应用</font>					</a>				</div>				<div class="dTreeNode">					<img src="images/line.gif" alt="">					<img src="images/empty.gif" alt="">					<img width="18" height="18" src="images/joinbottom.gif" alt="">					<img id="itreemenu13" src="images/page.gif">					<a id="streemenu13" class="node" href="/page/article/disp?tid=8" onclick="javascript: treemenu.s(13);">						<font onclick="display_pros()">1.2.2服务端应用</font>					</a>				</div>			</div>		</div>		<div class="dTreeNode">			<a href="javascript:treemenu.o(4)">				<img width="18" height="18" id="jtreemenu4" src="images/minus.gif " alt="">			</a>			<img id="itreemenu4" src="images/folder.gif">			<a href="javascript:treemenu.o(4)" class="node">				<font>第二章不可不知应用</font>			</a>		</div>		<div id="dtreemenu4" class="clip" style="display:block">			<div class="dTreeNode">				<img src="images/line.gif" alt="">				<a href="javascript:treemenu.o(5)">					<img width="18" height="18" id="jtreemenu5" src="images/minus.gif " alt="">				</a>				<img id="itreemenu5" src="images/folder.gif">				<a href="javascript:treemenu.o(5)" class="node">					<font>2.1构建页面内容html</font>				</a>			</div>			<div id="dtreemenu5" class="clip" style="display:block">				<div class="dTreeNode">					<img src="images/line.gif" alt="">					<img src="images/line.gif" alt="">					<img width="18" height="18" src="images/join.gif" alt="">					<img id="itreemenu14" src="images/page.gif">					<a id="streemenu14" class="node" href="/page/article/disp?tid=11" onclick="javascript: treemenu.s(14);">						<font onclick="display_pros()">2.1.1了解html结构</font>					</a>				</div>				<div class="dTreeNode">					<img src="images/line.gif" alt="">					<img src="images/line.gif" alt="">					<img width="18" height="18" src="images/joinbottom.gif" alt="">					<img id="itreemenu15" src="images/page.gif">					<a id="streemenu15" class="node" href="/page/article/disp?tid=12" onclick="javascript: treemenu.s(15);">						<font onclick="display_pros()">2.1.2文字排版</font>					</a>				</div>			</div>			<div class="dTreeNode">				<img src="images/line.gif" alt="">				<a href="javascript:treemenu.o(6)">					<img width="18" height="18" id="jtreemenu6" src="images/minusbottom.gif " alt="">				</a>				<img id="itreemenu6" src="images/folder.gif">				<a href="javascript:treemenu.o(6)" class="node">					<font>2.2页面css</font>				</a>			</div>			<div id="dtreemenu6" class="clip" style="display:block">				<div class="dTreeNode">					<img src="images/line.gif" alt="">					<img src="images/empty.gif" alt="">					<img width="18" height="18" src="images/join.gif" alt="">					<img id="itreemenu16" src="images/page.gif">					<a id="streemenu16" class="node" href="/page/article/disp?tid=14" onclick="javascript: treemenu.s(16);">						<font onclick="display_pros()">2.2.1样式表定义与引用</font>					</a>				</div>				<div class="dTreeNode">					<img src="images/line.gif" alt="">					<img src="images/empty.gif" alt="">					<img width="18" height="18" src="images/joinbottom.gif" alt="">					<img id="itreemenu17" src="images/page.gif">					<a id="streemenu17" class="node" href="/page/article/disp?tid=15" onclick="javascript: treemenu.s(17);">						<font onclick="display_pros()">2.2.2css规则</font>					</a>				</div>			</div>		</div>		<div class="dTreeNode">			<a href="javascript:treemenu.o(7)">				<img width="18" height="18" id="jtreemenu7" src="images/minusbottom.gif " alt="">			</a>			<img id="itreemenu7" src="images/folder.gif">			<a href="javascript:treemenu.o(7)" class="node">				<font>第三章驾驭web环境</font>			</a>		</div>		<div id="dtreemenu7" class="clip" style="display:block">			<div class="dTreeNode">				<img src="images/empty.gif" alt="">				<a href="javascript:treemenu.o(8)">					<img width="18" height="18" id="jtreemenu8" src="images/minus.gif " alt="">				</a>				<img id="itreemenu8" src="images/folder.gif">				<a href="javascript:treemenu.o(8)" class="node">					<font>3.1所需开发环境</font>				</a>			</div>			<div id="dtreemenu8" class="clip" style="display:block">				<div class="dTreeNode">					<img src="images/empty.gif" alt="">					<img src="images/line.gif" alt="">					<img width="18" height="18" src="images/join.gif" alt="">					<img id="itreemenu18" src="images/page.gif">					<a id="streemenu18" class="node" href="/page/article/disp?tid=18" onclick="javascript: treemenu.s(18);">						<font onclick="display_pros()">3.1.1工具包JDK</font>					</a>				</div>				<div class="dTreeNode">					<img src="images/empty.gif" alt="">					<img src="images/line.gif" alt="">					<img width="18" height="18" src="images/joinbottom.gif" alt="">					<img id="itreemenu19" src="images/page.gif">					<a id="streemenu19" class="node" href="/page/article/disp?tid=19" onclick="javascript: treemenu.s(19);">						<font onclick="display_pros()">3.1.2web服务器</font>					</a>				</div>			</div>			<div class="dTreeNode">				<img src="images/empty.gif" alt="">				<a href="javascript:treemenu.o(9)">					<img width="18" height="18" id="jtreemenu9" src="images/minusbottom.gif " alt="">				</a>				<img id="itreemenu9" src="images/folder.gif">				<a href="javascript:treemenu.o(9)" class="node">					<font>3.2安装配置JDK</font>				</a>			</div>			<div id="dtreemenu9" class="clip" style="display:block">				<div class="dTreeNode">					<img src="images/empty.gif" alt="">					<img src="images/empty.gif" alt="">					<img width="18" height="18" src="images/join.gif" alt="">					<img id="itreemenu20" src="images/page.gif">					<a id="streemenu20" class="node" href="/page/article/disp?tid=21" onclick="javascript: treemenu.s(20);">						<font onclick="display_pros()">3.2.1下载JDK</font>					</a>				</div>				<div class="dTreeNode">					<img src="images/empty.gif" alt="">					<img src="images/empty.gif" alt="">					<img width="18" height="18" src="images/joinbottom.gif" alt="">					<img id="itreemenu21" src="images/page.gif">					<a id="streemenu21" class="node" href="/page/article/disp?tid=22" onclick="javascript: treemenu.s(21);">						<font onclick="display_pros()">3.2.2安装JDK</font>					</a>				</div>			</div>		</div>	</div></div>

标签: #html目录设计怎么做 #html分类菜单 #html如何做菜单