用html做一个通用的页面菜单栏_随笔

淘宝的用的应该是框架的，尽量不要用js去添加页面内容，很占资源的，放大效果的话，把一个页面都用js输出，就知道对加载速度的影响了。

可以在一个页面做出来菜单栏，然后用框架(FRAME)。

我用的是.net，可以用母版页实现这个功能，html的话，用frame框架做比较好

<!doctype html>

<html>

<head>

<title>无标题文档</title>

<!--

* { margin:0 padding:0 list-style:none border:none}

div { margin:0 auto}

#Menu { width:600px overflow:hidden font-family:"微软雅黑" font-size:18px line-height:24px}

#Menu li { float:left width:100px height:50px overflow:hidden overflow:hidden text-align:center}

#Menu li p { font-size:12px color:#333}

#Menu li a { margin:0 auto width:80px display:block height:48px overflow:hidden}

#Menu li a:link,#Menu li a:visited { color:#666 text-decoration:none}

#Menu li a:hover { border-bottom:2px solid #00F}

#Menu li a.act { border-bottom:2px solid #00F}

-->

</style>

</head>

<body>

<ul>

<li><a href="#">关于<p>ABOUT</p></a></li>

<li><a href="#">服务<p>SERVIC</p></a></li>

<li><a href="#">招聘<p>CAREER</p></a></li>

</ul>

</div>

</body>

</html>涂鸦之作，希望能帮上你的忙，望采纳

怎么样的有特色法？

现在导航一般有三种方法：

1、使用css。

2、使用js。

3、使用flash。

你说html导航，排除flash。如果你要做简单的显示和隐藏，可以直接使用css就可以了。要做一些动态效果的话，还是建议学一下js.

欢迎分享，转载请注明来源：内存溢出

用html做一个通用的页面菜单栏