CSS 制作的三级菜单

2007-03-08　源自:IT粉丝网　网友评论 0 条　进入视频教程

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>网页<a href='http://www.itfensi.com/exploit/web/' target='_blank' class='infotextkey'>特效</a>|itfensi.com/Js|---CSS 制作的<a href='http://kao.itfensi.com/IT/three' target='_blank' class='infotextkey'>三级</a>菜单</title><style type="text/css"></style><script type="text/javascript"><![CDATA[//><!]]></script></head><body><table width="120" border="0" cellspacing="0" cellpadding="0" > <tr> <td valign="top" id="menu"><ul id="nav">	<li><a href="http://www.51item.net" target="_blank">	首页</a></li>	<li><a href="#" target="_blank" class="selected">	项目需求合作</a>			<ul>			<li ><a href="#" class="selected">网站项目 			 </a>					<ul>			 <li><a href="#">						网站项目 </a>			 <li><a href="#">						整站项目</a></li>					 <li><a href="#">						网站分析策划</a></li>					 <li><a href="#" target="_blank">						网页<a href='http://www.itfensi.com/sj/' target='_blank' class='infotextkey'>设计</a>制作</a></li>					 <li><a href="#">						网站制作与开发</a></li>					 <li><a href="#">						网站flash动画</a></li>					 <li><a href="#">						网站<a href='http://net.itfensi.com/server' target='_blank' class='infotextkey'>服务器</a></a></li> 		 </ul>			</li>			<li ><a href="#" class="selected"><a href='http://www.itfensi.com/sj/media/' target='_blank' class='infotextkey'>多媒体</a><a href='http://www.itfensi.com/sj/' target='_blank' class='infotextkey'>设计</a>制作</a>								<ul>			 <li><a href="#">						网站项目 </a>			 <li><a href="#">						平面<a href='http://www.itfensi.com/sj/' target='_blank' class='infotextkey'>设计</a></a></li>					 <li><a href="#">						CAD工程图<a href='http://www.itfensi.com/sj/' target='_blank' class='infotextkey'>设计</a></a></li>					 <li><a href="#">						3D建模与动画</a></li>					 <li><a href="#">						Flash游戏动画</a></li>					 <li><a href="#">						音效及音乐</a></li>					 <li><a href="#">						游戏原画设定</a></li> 		 </ul>			</li>			<li ><a href="#" class="selected">软件开发</a>								<ul>			 <li><a href="#">						<a href='http://www.itfensi.com/soft/tools/' target='_blank' class='infotextkey'>应用软件</a></a></li>					 <li><a href="#">						游戏开发</a></li>					 <li><a href="#">						驱动程序</a></li>					 <li><a href="#">						嵌入式开发</a></li>					 <li><a href="#">						手机开发</a></li>					 <li><a href="#">						单片机</a></li> 					 <li><a href="#">						数据库<a href='http://www.itfensi.com/sj/' target='_blank' class='infotextkey'>设计</a></a></li> 					 <li><a href="#">						代码移植</a></li> 		 </ul>			 			</li>			<li><a href="#">网络硬件</a></li>		</ul>	</li>	<li><a href="#" target="_blank" class="selected">	信息与知识</a>			<ul>						<li><a class="selected" href="#">信息与知识</a>							<ul>					<li><a href="#">					实用信息与工具 </a></li>					<li><a href="#">					<a href='http://www.itfensi.com/soft/internet/' target='_blank' class='infotextkey'>新闻</a>动态</a></li>					<li><a href="#">					知识与技能</a></li>					<li><a href="#">					<a href='http://www.itfensi.com/sj/' target='_blank' class='infotextkey'>设计</a>制作与欣赏</a></li>					<li><a href="#">					项目交易经验谈</a></li>					<li><a href="#">					下载</a></li>				</ul>			</li>		</ul>	</li>	<li><a href="#">	优秀<a href='http://design.itfensi.com/' target='_blank' class='infotextkey'>作品欣赏</a></a></li>	<li><a href="#" target="_blank">	招骋</a></li>	<li><a href="#">	关于本站</a></li>	</ul></td> </tr></table></body></html>

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。

上一篇： HTML图标
下一篇：分类型表格，可以写在线中的文字

内容评论文章纠错发送朋友收藏本文

复制本文链接(URL)发送给朋友：

CSS 制作的三级菜单

相关内容

开发频道推荐

开发热点文章