0

http://www.jankoatwarpspeed.com/post/2008/08/14/Create-applecom-like-breadcrumb-using-simple-CSSにある、Appleをテーマにしたシンプルなブレッドクラムの作成に関するこのチュートリアルを模倣しようとしてい ます。 aspx

更新された例を見て、ここからソースコードをダウンロードした後でも： http ：//www.lostsockdesign.com.au/apple-breadcrumb/index.html

HTMLとCSSだけが現在どのページを「知っている」のかわかりません。

明らかに、ブラウザが「 http://www.lostsockdesign.com.au/apple-breadcrumb/index2.html 」を指している場合、ブラウザはあなたがこのページにいることを認識しますが、HTMLまたはCSSのどの部分がパンくずリストを指定します後続のページのグラフィックを省略し、現在のページのグラフィックをフェードアウトする必要がありますか？

簡単な質問でごめんなさい..xD

アップデート：

OK、これで解決したので、このツタンカーメンで動作するスクリプトを作成する最も簡単な方法を提案する人はいますか？

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 に答える