JQuery Jcrumb是一個基于JQuery開發的面包屑導航插件，在網頁中可用于顯示當前頁面的路徑和導航。該插件易于使用和配置，可以自定義導航的樣式和鏈接。

//引入jquery和jcrumb js和css文件
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<link rel="stylesheet" href="jcrumb.css">
<script src="jcrumb.min.js"></script>
//創建導航
<div id="jcrumb"></div>
//JS調用
$("#jcrumb").jCrumbs({
mode: "default",
path: [{
href: "#",
title: "Home"
}, {
href: "#",
title: "Products"
}, {
href: "#",
title: "Apple Products"
}, {
href: "#",
title: "iPhone"
}],
elemDefault: "li",
classDefault: "jcrumb-default",
elemCurrent: "li",
classCurrent: "jcrumb-current",
elemSeparator: "li",
classSeparator: "jcrumb-separator",
});

在配置中，可以設置導航的模式為默認模式，該模式下面包屑導航的樣式與普通的無序列表類似。同時還可以設置導航的路徑，每個路徑是一個包含href和title的對象，分別表示鏈接和導航名稱。除此之外，還可以設置導航的元素類型和類名，以及分隔符元素類型和類名。

通過以上配置，您可以輕松地創建一個漂亮的面包屑導航，幫助用戶更好地了解您的網站結構和當前頁面的位置。