06，html自定义菜单设计demo

最新推荐文章于 2023-09-29 01:45:49 发布
bingliang514csdn
最新推荐文章于 2023-09-29 01:45:49 发布
阅读量303
点赞数
分类专栏： html网页标记语言及css样式_v2 文章标签： html javascript 前端
本文链接：https://blog.csdn.net/bingliang514csdn/article/details/127819964
版权
html网页标记语言及css样式_v2 专栏收录该内容
5 篇文章
订阅专栏
本文介绍了Java网站开发的入门经典，涵盖章节结构，包括HTML基础、CSS布局、JavaScript应用、HTML5页面操作及JDK开发环境设置，适合初学者快速上手。
摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >
（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>