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的管理菜单

回答

相关问题