首页 >web前端 >html教程 >DIV+CSS实操六:经管系网页添加导航栏下拉菜单_html/css_WEB-ITnose

DIV+CSS实操六:经管系网页添加导航栏下拉菜单_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:32:111249浏览

        其实很久之前就想实现这个功能,一直没有去付诸行动,大早上的就开始看老师讲过的一些简单的JS下拉菜单的

知识,可能是我们基础差,老师讲的也是非常基础的一些,但是我们还是没有听懂,仔细研究了一番,反反复复终于

实现了下拉的效果,后来在网上找这方面的教程和代码实例看,发现和自己写的还是有很大的区别,最近一直在深入

JS的学习,还没有学到这块,相信学到这块,自己可以写出更加简洁的下拉菜单的代码。由于JS懂的比较少,大部分

还是用CSS实现的。

       继续接着这个系列完成经管系网站的功能构建,这次是给导航栏添加下拉菜单。CSS代码很多,不过为了妥当,

还是粘贴上来了,为了解决看的麻烦的问题,我给每次添加CSS代码的内容都分块了,前面的改动也会用注释标注出

来。

       HTML代码:

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>缁</title>
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn