0

我正在尝试模仿本教程来创建一个简单的 Apple 主题面包屑，在这里可以找到： http://www.jankoatwarpspeed.com/post/2008/08/14/Create-applecom-like-breadcrumb-using-simple-CSS。 aspx

即使在查看更新的示例并从此处下载源代码之后： http ://www.lostsockdesign.com.au/apple-breadcrumb/index.html

我不知道只有 HTML 和 CSS 如何“知道”它当前是哪个页面。

显然，如果您的浏览器指向“ http://www.lostsockdesign.com.au/apple-breadcrumb/index2.html ”，则浏览器知道您在此页面上，但 HTML 或 CSS 的哪一部分指定了面包屑应该为后续页面省略图形，并淡出当前页面图形？

对不起这个简单的问题.. xD

更新：

好的，既然已经解决了，任何人都可以建议最简单的方法来使脚本与这个 tut 一起工作？

4

2 回答 2

3

它没有。

该教程仅用于样式设置，而不是用于生成面包屑；你必须自己做那部分，通过某种脚本或手动。

回复：更新

面包屑本质上是您的站点树下的当前路径。从站点地图开始（不是 XML、SEO 意义上的，而是站点的实际页面结构。例如：

Home
JavaScript
    Vanilla
        Gallery
        Lightbox
        Dice Roller
    jQuery
        Cycle
        Click Tracker
Blog
    RSS
    Web Development
        Object Oriented CSS
        Currying Functions in JavaScript
        CSS Reset Files
    Gaming
        Review: Super Mario Bros.
        Camping Strategy in Oregon Trail
        So Your Mom Wants to Play Wii Golf
Portfolio
    DEA Website
    We <3 Kittens
    Nobody Likes IE6

因此，如果您在“CSS 重置文件”页面上，您可以从（未显示）根目录跟踪树，并显示您在面包屑中找到的每个级别，结果如下：

My Site -> Blog -> CSS -> CSS Reset Files

这些数据可以存储在数据库中并使用您选择的服务器端语言提取，也可以使用服务器端或客户端脚本根据目录结构自动生成，或者您可以手动将它们编码到您的每个页。

你如何做完全取决于你，但这是基本概念。

于 2010-08-03T14:25:16.467 回答
1

您不使用 HTML 和 CSS（CSS3 有一些像这样的有限功能，但我认为它们还没有为黄金时段做好准备）来确定您所在的页面。通常使用服务器端软件（例如 CMS）来输出面包屑，并附有 CSS 类名称，指示哪个页面是当前页面等。

于 2010-08-03T14:25:28.887 回答