前段时间遇到了一个需求：访问页面时，跟该页面相关的Menu要求保持高亮。
因为是面不刷新）
3、在1的基础上，单击某个菜单项，该项保持高亮（页面刷新）
4、当鼠标移入后，改变菜单的背景图片，与1效果类似
1、这是最基本的一步，基本上要求菜单高亮显示的，这个需求会同时存在；这里我们用CSS来解决这个需求；
提示：您可以先修改部分代码再运行2、好，现在可以看到，面不刷新的情况，一旦页面刷新，效果就没有了，这时候怎么办呢？没关系，我们尝试另外一段JS代码来达到这个效果，虽然代码有点长：
【这段代码也是我在网上搜索而来，但是对其中一些代码片段不敢苟同，因此做了修改；而且这段JS的扩展性不够好，每次使用都必须根据实际情况进行修改】
【这段代码只是做个示范，运行的话应该不会出现效果，实际的网站例子在5那边有链接】
提示：您可以先修改部分代码再运行上面新添加的JS，会根据你访问的不一样的URL，分别使对应的菜单获得style修饰，因此必须根据你的实际情况进行修改
4、鼠标移入更改背景图片，其实跟上面的都不太一样，只不过有一些相似之处，也放到这里吧
提示：您可以先修改部分代码再运行5、最后，如果你需要使菜单横向排列的话，在CSS里加入这一行
li {float:left;list-style-type: none;padding:0px;}