WordPress的管理菜單

任何人都可以提供一個教程或插件的鏈接，最好在jQuery中，這將允許我創建一個菜單，不僅垂直崩潰（jQueryUI的手風琴），但也水平崩潰？無論我的谷歌，我所能找到的都是垂直的，而據我所知，Wordpress的核心是超級集成的。WordPress的管理菜單

編輯：這裏有一些截圖。第一個是正常的，第二個是垂直展開/摺疊，第三個是水平摺疊。

enter image description here

來源

2011-03-04 Josh

對不起，你有什麼事問？你想要一個垂直和水平摺疊的菜單嗎？如此困惑，有沒有例子？ – 2011-03-04 16:35:12

我認爲他的意思是。菜單鏈接垂直摺疊，整個菜單本身slideLeft？但這可能是任何人猜測大聲笑:) – Val 2011-03-04 16:44:29

@Neurofluxation：爲清晰度添加了截圖:) – Josh 2011-03-04 16:51:21

嘗試jQuery UI的我認爲是什麼WP採用 http://jqueryui.com/

來源

2011-03-04 16:59:51 Nick

HTML

<div class="hide-menu">Hide Menu</div> 
<ul id="menu"> 
    <li><a href="#">Link 1</a></li> 
    <li><a href="#">Link 2</a></li> 
    <li> 
     <ul class="subs"><li><a href="">Subs</a></li></ul> 
    </li> 
</ul>

jQuery的

$('.hide-menu').bind('click',function(){ 
    $('#menu').animate({width:30});//can always extend this. 
    //u can use the if statement or toggle if u need toggling feature 
}); 
$('#menu').children('li').bind('click',function(){ 
    //here u can hide the subs 
})

現在

ofcourse以上是行不通的正是像WordPress或根本不能工作，但你的想法:)我希望

來源

2011-03-04 17:04:08 Val

順便說一句，你可以確保當'＃menu'小時，你需要溢出：隱藏;然後溢出：可見，當最大化:)（在CSS中是） – Val 2011-03-04 17:13:05

您可以使用像手風琴或Collapsible Menu插件（多一點wordpress）垂直崩潰，然後把該菜單在一個div可以水平崩潰像TabSlideOut插件。或者只需使用.animate（）更改菜單DIV的寬度。

另請注意，wordpress如何從菜單中刪除文本，但留下圖標。

來源

2011-03-04 17:05:59 themerlinproject

我會切換一個班級，因爲您可以看到有一個箭頭可以橫向切換。所以，只需添加或刪除類，並使用CSS使效果完成，如下所示：

$(mi-button).click(function(e){ 
    $(mi-menu-selector).toggleClass(your-class); 
    e.preventDefault; 

});

用Css顯示或隱藏菜單中每個li的文本。

.hide-horizontal{ 
text-indent:-999em; 
}

來源

2011-03-04 17:06:33

您將維護圖標和CSS屬性。在WordPress的管理菜單中。 – 2011-03-04 17:07:47

您需要使用響應式設計來實現此目的。

您可以使用CSS媒體查詢：

http://en.wikipedia.org/wiki/Responsive_Web_Design

http://mediaqueri.es/

來源

2012-08-23 14:30:43 Chris

WordPress的管理菜單

回答

相關問題