使用纯Css样式制作导航菜单
导航条一般位于页面顶部或左部。方便易用的导航是网站成功的关键。
使用纯cSS制作的导航条,具有风格一致的鼠标悬停效果,能使访问者对网站有合
理的控制感,其关键技术是设置超链接(详见第3章)的各种鼠标样式。
【例2.2】水平菜单制作。
【浏览效果】 访问http://WWW.wustWZX.com/webdesign/sj02一16b.html,当鼠标
不在菜单项(超链接)上时,没有下画线;当鼠标位于某个菜单项时,超链接出现新的背景,
出现下画线,这增强了交互感。浏览效果如图2—8所示。
图2—8纯CSS制作的水平菜单
【制作要点】
·定义超链接标记的样式a及伪类样式a:hover;
·在页面中定义若干个超链接(参见第3章);
·CSS定位属性。
【源代码】访问http://www.wustwzx.com/webdesign/sj02—16a.html。
(head>