基于CSS的网页下拉菜单设计与实现  

Design and Implementation of Web Drop-Down Menu Based on CSS

作　　者：魏颖颖[1] 熊淑华[1] 李冲[1] 

机构地区：[1]四川大学电子信息学院,四川成都610065

出　　处：《计算机技术与发展》2011年第4期17-20,共4页Computer Technology and Development

基　　金：四川省科技支撑计划项目(0020505501111)

摘　　要：随着人们对网络应用需求的不断增长,网页的内容也逐渐丰富起来,结构更加复杂。导航是网页设计的关键元素,竖直和水平排列的一级菜单往往无法满足用户的需求。传统的下拉菜单制作方法有一定的局限性,功能不易扩展,而且代码过于繁琐。CSS技术能够使网页的内容与表现相分离,代码简洁、易于修改。文中基于CSS设计和实现了一个两级下拉菜单,克服了传统实现方法的不足,结构简单,网页空间占用少,可扩展性强,可以广泛应用在网页设计中。With people＇s growing demand for network applications,contents of website are gradually enriched and the structure becomes more complex.Navigation is a key element in web design.Vertical and horizontal arrangements of a menu are often unable to meet users＇ needs.Traditional methods of drop-down menu have some limitations which make the functions not easy to be expanded and the code is too cumbersome.CSS technology separates the content and performance of web page,thus its code is simple and easy to modify.A two-stage drop-down menu is designed and implemented based on CSS.This design method overcomes the disadvantages of traditional methods.Because of its simple structure,less web space occupancy and high expansibility,it can be widely used in web design.

关 键 词：HTML CSS 导航 子菜单 

分 类 号：TP311[自动化与计算机技术—计算机软件与理论]