原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
宁波大红座学院
NIN6I0BAMONiflNfiOKIftllSITY
第11章
用CSS设置
与导航菜单
宁波大红鹰学院
NimilSNIVIRSITV内容俯瞰
11.1丰富的超特效
11.2控制鼠标指针
11.3设置项目列表样式
11.4创建简单的导航菜单
11.5应用滑动门技术的玻璃效果菜单
宁波大红座学院
NIN6I0BAMONiflNfiOKIftllSITY
在一个中，所有页面都会通过超链
接相互在一起，这样才会形成一个有机
的整体。
在各种中，导航都是网页中最重要
的组成部分之一。
宁波大红座学院
NIN6I0BAMONiflNfiOKIftllSITY
因此，也出现了各式各样非常美观、实
用性很强的导航样式，如图11.1所示的是槐
公司关于Office的，上部的导
航条和Office2007软件风常一致。
宁波大红膻学院
aimiilatiatviaiihiyirsity
图11.1Office导航风格与软件风格一致
宁波大红越学院
multiBAIIBIVIIIBBfllYlRSnY
图11.2WindowsMobi的菜单式导航
宁波大红座学院
NIN6I0BAMONiflNfiOKIftllSITY
11.1丰富的超特效
复习：
在HTML中，超是通过a标记来
实现的，的具体地址则是利用a标记的
href属性设置，例如：
ahref=前沿教室/a
宁波大红座学院
NIN6I0BAMONiflNfiOKIftllSITY
在默认的浏览器浏览方式下，超统槐
一为蓝色并且有下画线，被点击过的超
则为紫色并且也有下画线，如图11.3所示。
宁波大红座学院
NIN6I8BAMOHiflNSQKIYtllSITY
图11.3普通的超
宁波大红座学院
NIN6I0BAMONiflNfiOKIftllSITY
a{/*超的样式*/
text-decoration:none;/*去掉下画线*/
}
宁波大红座学院
NIN6I8BAMOHiflNSQKIYtllSITY
图11.4没有下划线的超
宁波大红座学院
NIN6I0BAMONiflNfiOKIftllSITY
表11.1可制作动态效果的CSS伪类别属性（P217)
属性说明
a:link超的普通样式，即正常浏览状态的样式
a:visited被点击过的超的样式
a:hover鼠标指针经过超时的样式
a
文档评论（0）