从国外一个网站上摘取出来的导航菜单
2007-10-12 12:07
337 查看
从国外一个网站上摘取出来的导航菜单
菜单截图
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
5<title>一个简单的DIV+CSS模板</title>
6</style>
56
57
58
59</script>
192</head>
193
194<body>
195
196
197 <div id="shademenu" class="shadetabs">
198 <ul>
199 <li><a href="default.htm" title="Inicio"><span> 公司首页 </span></a></li>
200 <li><a href="acerca-de-nosotros.htm" title="公司概况" rel="dropmenu1"><span> 公司概况 </span></a></li>
201 <li><a href="lo-que-ofrecemos.htm" title="新闻中心" rel="dropmenu2"><span> 新闻中心 </span></a></li>
202 <li><a href="certificaciones.htm" title="组织机构"><span> 组织机构 </span></a></li>
203 <li><a href="fundacion/antecedentes.htm" title="技术资料" rel="dropmenu3"><span> 技术资料 </span></a></li>
204 <li><a href="contacto.htm" title="人才招聘"><span> 人才招聘 </span></a></li>
205 </ul>
206 </div>
207 <!--1st drop down menu -->
208 <div id="dropmenu1" class="dropmenudiv" style="width: 140px;"><a href="directorio.htm"><img src="Images/ftb/folder.small.gif" border="0"/> 荣誉称号</a>
209 </li>
210 <a href="mapa.htm">公司简介公司简介查看</a>
211 </li>
212 <a href="ventas-internacionales.htm">资质证书</a>
213 </li>
214 <a href="nuestras-marcas.htm">公司业绩</a>
215 </li>
216 <a href="contacto.htm">质保体系</a>
217 </li>
218 </div>
219<!--2nd drop down menu -->
220 <div id="dropmenu2" class="dropmenudiv" style="width: 70px;"> <a href="lo-que-ofrecemos/frutas-y-hortalizas.htm">公司新闻</a> <a href="lo-que-ofrecemos/composta.htm">企业动态</a> <a href="lo-que-ofrecemos/transportes-alta.htm">国际新闻</a> <a href="lo-que-ofrecemos/invernadero-alta.htm">国内新闻</a> </div>
221 <!--3rd drop down menu -->
222 <div id="dropmenu3" class="dropmenudiv" style="width: 100px;"> <a href="fundacion/antecedentes.htm">监理资料</a> <a href="fundacion/mision-vision-y-valores.htm">代建制管理技术</a> <a href="fundacion/programa-de-salud.htm">公司资料</a> <a href="fundacion/trabajo-social.htm">资料中心</a> <a href="fundacion/vinculos-de-apoyo.htm">其他资料</a> </div>
223</script>
228 </div>
229
230</body>
231</html>
232
233
234
235
代码下载
菜单截图
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
5<title>一个简单的DIV+CSS模板</title>
6</style>
56
57
58
59</script>
192</head>
193
194<body>
195
196
197 <div id="shademenu" class="shadetabs">
198 <ul>
199 <li><a href="default.htm" title="Inicio"><span> 公司首页 </span></a></li>
200 <li><a href="acerca-de-nosotros.htm" title="公司概况" rel="dropmenu1"><span> 公司概况 </span></a></li>
201 <li><a href="lo-que-ofrecemos.htm" title="新闻中心" rel="dropmenu2"><span> 新闻中心 </span></a></li>
202 <li><a href="certificaciones.htm" title="组织机构"><span> 组织机构 </span></a></li>
203 <li><a href="fundacion/antecedentes.htm" title="技术资料" rel="dropmenu3"><span> 技术资料 </span></a></li>
204 <li><a href="contacto.htm" title="人才招聘"><span> 人才招聘 </span></a></li>
205 </ul>
206 </div>
207 <!--1st drop down menu -->
208 <div id="dropmenu1" class="dropmenudiv" style="width: 140px;"><a href="directorio.htm"><img src="Images/ftb/folder.small.gif" border="0"/> 荣誉称号</a>
209 </li>
210 <a href="mapa.htm">公司简介公司简介查看</a>
211 </li>
212 <a href="ventas-internacionales.htm">资质证书</a>
213 </li>
214 <a href="nuestras-marcas.htm">公司业绩</a>
215 </li>
216 <a href="contacto.htm">质保体系</a>
217 </li>
218 </div>
219<!--2nd drop down menu -->
220 <div id="dropmenu2" class="dropmenudiv" style="width: 70px;"> <a href="lo-que-ofrecemos/frutas-y-hortalizas.htm">公司新闻</a> <a href="lo-que-ofrecemos/composta.htm">企业动态</a> <a href="lo-que-ofrecemos/transportes-alta.htm">国际新闻</a> <a href="lo-que-ofrecemos/invernadero-alta.htm">国内新闻</a> </div>
221 <!--3rd drop down menu -->
222 <div id="dropmenu3" class="dropmenudiv" style="width: 100px;"> <a href="fundacion/antecedentes.htm">监理资料</a> <a href="fundacion/mision-vision-y-valores.htm">代建制管理技术</a> <a href="fundacion/programa-de-salud.htm">公司资料</a> <a href="fundacion/trabajo-social.htm">资料中心</a> <a href="fundacion/vinculos-de-apoyo.htm">其他资料</a> </div>
223</script>
228 </div>
229
230</body>
231</html>
232
233
234
235
代码下载
相关文章推荐
- 制作一个网站的导航菜单
- 70+漂亮且极具亲和力的导航菜单设计国外网站推荐
- 70+漂亮且极具亲和力的导航菜单设计国外网站推荐
- 网站导航菜单 远择一个栏目跳转后,保持栏目为选中状态
- 为SharePoint网站创建自定义导航菜单
- 25个优秀的网站导航菜单设计欣赏
- [转贴]一个仿QQ导航菜单,非常实用!
- 一个仿QQ导航菜单,非常实用!
- Smint – 用于单页网站制作的 jQuery 导航菜单插件
- 用li写的一个简单的横向导航菜单demo
- 一个不错的tab效果的导航菜单,事业单位适用!
- 推荐一个非常棒的连接字符串大全的国外网站!
- 一个挺特别的导航菜单
- 导航是Web网站重要的元素:置顶菜单的设计研究
- 用java开发一个搜索导航网站
- 仿当当网淘宝网等主流电子商务网站商品分类导航菜单
- 国外的网站上找到的一个有趣的autocad应用
- 国外的一个PIC源代码网站,比较不错,基于Hi-Tech C的。共享一下
- 菜单导航 Mmenu 移动网站的抽屉式菜单,支持查询、个数显示、搜索、二级菜单
- 一个可以选中当前菜单后高亮显示的导航条