提供能够适应任意大小文字或者 任意数量内容的站点导航栏.PDFVIP

提供能够适应任意大小文字或者 任意数量内容的站点导航栏 一个网站的导航栏常常成为其设计方案的支柱。导航栏是一个重要且关键的页面组 件。传统情况下，W eb 设计师会打开一个他熟悉的图片编辑软件，细心地绘制 一些 按钮、选项卡和塞在嵌套的table中的文本。之后，再用J avaScr ipt 触发通 过变换 图片实现的翻转效果。最后，成品可能看起来还不错，但是潜伏在这表面底 下的内容 可就不是那么吸引人了。接下来，我们会去研究一种创建W e b 站点导 航栏的常用方 法，到那时您就会发现这一点。 下面仔细研究一个例子：使用传统的方法设计精美的基于图片的选项卡式导航栏。 分析完这个例子的不足之后，我们将改正这些不足并构造出一个效果类似的但却无懈 可击的设计方法，它仅仅使用了一些简洁而规范的HTML 代码、三张小图片以及CSS 。 2.1 常见的方法 我决定使用来自LanceA 网站的主导航栏的选项卡作为我们这一节的例 子。这主要有两个原因：首先，我是La n c e