0
我需要在列視圖中使網站的菜單像OSX的Finder一樣導航,其中每個級別在垂直列中出現在其父級旁邊。jquery finder-like菜單
人員已在Google上搜尋這對於幾個小時,和this Jquery plugin seems to be the closest match(有一個demo here)
從第一次審判,似乎有點難以定義。我需要它的行爲和幾個方面看起來不同:
- 沒有卷軸,既不是垂直也不是水平。它需要更像一個網頁菜單,而不是像一個選擇框
- 當點擊最後一個鏈接時,瀏覽子目錄後,整個頁面應該被重定向到url,並且菜單應該保持狀態。
- 最終鏈接應該可以立即點擊,就像演示中一樣。在我的試用版中,它會加載另一列鏈接的副本,而該鏈接又是可點擊的。
有沒有人知道如何用這個插件完成這些工作,或者可以指向更接近這些規範的簡單實現?
這是菜單的HTML的結構:
<ul id="nav">
<li class="current" id="nav-o-que-estamos-fazendo">
<a href="/o-que-estamos-fazendo/">O que estamos fazendo</a>
<ul id="nav-o-que-estamos-fazendo-children">
<li id="nav-o-que-estamos-fazendo-children-ficcao">
<a href="/o-que-estamos-fazendo/ficcao/">Ficção</a>
</li>
<li class="current" id="nav-o-que-estamos-fazendo-children-documentario">
<a href="/o-que-estamos-fazendo/documentario/">Documentário</a>
<ul id="nav-o-que-estamos-fazendo-children-documentario-children">
<li class="current" id="nav-o-que-estamos-fazendo-children-documentario-children-josephine-king">
<a href="/o-que-estamos-fazendo/documentario/josephine-king/">Josephine King</a>
</li>
</ul>
</li>
<li id="nav-o-que-estamos-fazendo-children-televiso">
<a href="/o-que-estamos-fazendo/televiso/">Televisão</a>
</li>
<li id="nav-o-que-estamos-fazendo-children-museus">
<a href="/o-que-estamos-fazendo/museus/">Museus</a>
</li>
</ul>
</li>
<li id="nav-o-que-ja-fizemos">
<a href="/o-que-ja-fizemos/">O que já fizemos</a>
</li>
<li id="nav-o-que-somos">
<a href="/o-que-somos/">O que somos</a>
</li>
<li id="nav-quem-somos-contato">
<a href="/quem-somos-contato/">Quem somos | contato</a>
</li>
<li id="nav-mirabolancias">
<a href="/mirabolancias/">Mirabolâncias</a>
</li>
</ul>
作爲產生由 'NAV' 液體標籤上Harmonyapp)
謝謝你,我更喜歡這樣簡單。將在今天或明天嘗試並確認。還想爲此添加幻燈片/緩動效果,有沒有一個首選的jQuery效果庫或插件? – oliverbarnes 2011-04-06 20:11:52
只是一個更新 - 迄今爲止還沒有效果。我正在嘗試聯繫columnview插件作者,看看他是否可用於此自定義。 – oliverbarnes 2011-04-12 02:04:17