JavaScript+jQuery网页特效设计任务驱动教程
上QQ阅读APP看书,第一时间看更新

任务1-8 巧用CSS实现下拉菜单

【任务描述】

创建网页0108.html,浏览该网页时会出现如图1-8所示的导航栏,鼠标指针指向该超链接时,自动弹出如图1-9所示的下拉菜单,编写程序使用CSS实现此下拉菜单。

图1-8 网页0108.html的导航栏

图1-9 网页0108.html中的下拉菜单

【操作提示】

网页0108.html对应的HTML代码如表1-13所示。

表1-13 网页0108.html对应的HTML代码

网页0108.html主要应用的CSS代码如表1-14所示。

表1-14 网页0108.html的关键CSS代码