首先需要打开自己电脑上的DW软件，新建一个html页面，然后将其保存在桌面上。接下来我们需要在body里面添加DIV标签，并在其内使用ul无序列表和li标签制作一个一级菜单栏，代码和浏览器的效果如下面两张图片所示。
创新互联建站主要从事网站建设、做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务夏河,十年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792
现在我们为nav添加样式，首先去掉默认的margin和padding，再去掉ul li标签的list-style样式和a标签的默认下划线。
添加label标签设置我们的下拉菜单选项的内容相应的选项值，然后设置select标签，在select标签内部设置option选项标签，这里需要几个选项就设置几个标签。如下图所示。
通过代码select设置一个下拉列表菜单，option设计下拉菜单下面的值来达成效果。
用js先写个带参方法，参数就是2级联动的对象obj写个ajax data参数就是obj.value， value传给后台获取数据返回给ajax，然后ajax做你想做的页面处理。。
1、现在我们为nav添加样式，首先去掉默认的margin和padding，再去掉ul li标签的list-style样式和a标签的默认下划线。
2、在网页上看到初步效果。添加JavaScript代码实现功能，hide（）函数实现display的隐藏。在HTML代码中引用show()和hide()函数。CTR+S保存代码，在浏览器中F5刷新网页查看效果。
3、这个不太好实现。标签的伪类focus可以很好的实现这种效果，但是在IE6下只支持a的伪类hover、active、visited、link。其他的标签在IE6下都没有伪类。所以建议用js，如果是闲来无事可以试一下。
4、首先，这种效果是html的select标签实现的，其实php要做的就是将数据按照一定的格式组织好，然后按照一定的规则输出即可。下面是大致的示例代码。
首先打开自己想要制作二级菜单的Excel表格，然后选定数据区域，点击【公式】，选择【根据所选内容创建】。在跳出来的对话框里，把最左列前面的√取消掉，只勾选首列。
制作下拉菜单有2种方法：使用jquery方法实现；实现方法：首先需要引入jquery的版本，引用toggle()的方法，点击当前的一级导航。用this方法来进行当前包含的二级菜单隐藏与显示。
现在我们为nav添加样式，首先去掉默认的margin和padding，再去掉ul li标签的list-style样式和a标签的默认下划线。
用js先写个带参方法，参数就是2级联动的对象obj写个ajax data参数就是obj.value， value传给后台获取数据返回给ajax，然后ajax做你想做的页面处理。。
只用html和css，确实可以实现。在一个li或div内放两个块级元素，一个是下拉的button，一个是下拉出来的内容。button始终显示，可以当它是li：hover的下级时，设置不同样式，也可以不设置。
content-type title纯css二级导航下拉菜单/title meta name=keyword content=搜狗略懂 meta name=description content=描述 这些内容只能在head/head中完成。
文字用超链接，做伪类hover 然后图片放到div里，用绝对定位，盒子默认display：none，当鼠标移上去display：black，可以达到效果。
最好是用JS做，但是非要用CSS呢，也可以。
要点1：CSS如何实现影响其他元素？要点2： 如何做出（伪）点击触发？基本用 a：focus，个人感觉自然一点。当然如果失去焦点，下拉菜单容器也会相应地隐藏。
