蓝色直角扁平路径导航使用说明:
蓝色直角扁平路径导航整体html:
<div class="ui-navs-bl">
    <div class="one"><a><span></span></a><span></span></div>
    <div class="two bl-thr"><a href="#">Leve 2</a><span></span></div>
    <div class="two"><a href="#">Leve 3</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
</div>
注:
红色为需要添加的样式
上面为蓝色直角扁平路径导航(大)的html
如需换成中的,样式更改为下:
ui-navs-bl改为ui-navs-bm
bl-thr改为bm-thr
如需换成小的,样式更改为下:
ui-navs-bl改为ui-navs-bs
bl-thr改为bs-thr
绿色直角扁平路径导航使用说明:
绿色直角扁平路径导航整体html:
<div class="ui-navs-gl">
    <div class="one"><a><span></span></a><span></span></div>
    <div class="two gl-thr"><a href="#">Leve 2</a><span></span></div>
    <div class="two"><a href="#">Leve 3</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
</div>
注:
红色为需要添加的样式
上面为绿色直角扁平路径导航(大)的html
如需换成中的,样式更改为下:
ui-navs-gl改为ui-navs-gm
gl-thr改为gm-thr
如需换成小的,样式更改为下:
ui-navs-gl改为ui-navs-gs
gl-thr改为gs-thr
蓝色直角渐变路径导航使用说明:
蓝色直角渐变路径导航整体html:
<div class="ui-navs-gbl">
    <div class="one"><a><span></span></a><span></span></div>
    <div class="two gbl-thr"><a href="#">Leve 2</a><span></span></div>
    <div class="two"><a href="#">Leve 3</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
</div>
注:
红色为需要添加的样式
上面为蓝色直角渐变路径导航(大)的html
如需换成中的,样式更改为下:
ui-navs-gbl改为ui-navs-gbm
gbl-thr改为gbm-thr
如需换成小的,样式更改为下:
ui-navs-gbl改为ui-navs-gbs
gbl-thr改为gbs-thr
蓝色圆角扁平路径导航使用说明:
蓝色圆角扁平路径导航整体html:
<div class="ui-navs-bl">
    <div class="one"><a class="ui-radius-ltlb"><span></span></a><span></span></div>
    <div class="two bl-thr"><a href="#">Leve 2</a><span></span></div>
    <div class="two"><a href="#">Leve 3</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
</div>
注:
红色为需要添加的样式
上面为蓝色圆角扁平路径导航(大)的html
如需换成中的,样式更改为下:
ui-navs-bl改为ui-navs-bm
bl-thr改为bm-thr
如需换成小的,样式更改为下:
ui-navs-bl改为ui-navs-bs
bl-thr改为bs-thr
绿色圆角扁平路径导航使用说明:
绿色圆角扁平路径导航整体html:
<div class="ui-navs-gl">
    <div class="one"><a class="ui-radius-ltlb"><span></span></a><span></span></div>
    <div class="two gl-thr"><a href="#">Leve 2</a><span></span></div>
    <div class="two"><a href="#">Leve 3</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two ui-radius-rtrb"><a href="#">Leve 4</a><span></span></div>
</div>
注:
红色为需要添加的样式
上面为绿色圆角扁平路径导航(大)的html
如需换成中的,样式更改为下:
ui-navs-gl改为ui-navs-gm
gl-thr改为gm-thr
如需换成小的,样式更改为下:
ui-navs-gl改为ui-navs-gs
gl-thr改为gs-thr
蓝色圆角渐变路径导航使用说明:
蓝色圆角渐变路径导航整体html:
<div class="ui-navs-gbl">
    <div class="one"><a class="ui-radius-ltlb"><span></span></a><span></span></div>
    <div class="two gbl-thr"><a href="#">Leve 2</a><span></span></div>
    <div class="two"><a href="#">Leve 3</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two"><a href="#">Leve 4</a><span></span></div>
    <div class="two ui-radius-rtrb"><a href="#">Leve 4</a><span></span></div>
</div>
注:
红色为需要添加的样式
上面为蓝色圆角渐变路径导航(大)的html
如需换成中的,样式更改为下:
ui-navs-gbl改为ui-navs-gbm
gbl-thr改为gbm-thr
如需换成小的,样式更改为下:
ui-navs-gbl改为ui-navs-gbs
gbl-thr改为gbs-thr