我对jQuery有问题,我做了一个按钮打开/关闭菜单,这是工作。但是我想让身体上任何地方的点击来关闭菜单。因此,当我们点击外部的.burger,我想关闭菜单。
所以我做了这个:
编辑:这是我所有的菜单代码
var count = 0;
function menu(){
$('.burger').click(function(){
if (count==0) {
$('.navigation').css({'display':'block', 'opacity':'1'});
co
我是CSS的新手,我会去维克多弗莱尔的漂亮的CSS汉堡菜单:
我的主页内容将替换以下示例文本:
#1 Burger Menu
inspired by
Google Material Design
如何在网站的所有页面上显示和访问3栏菜单?
我的意思是,如果用户点击汉堡菜单,点击“关于”链接,页面就会加载,但到目前为止,汉堡菜单不再出现在左上角?
我应该做什么修改,以使汉堡菜单始终可以从任何页面访问?
非常感谢,
我隐藏了我的子菜单,并添加了css,以便在悬停在父菜单项上时显示子菜单下拉菜单。
我想要做的是当父菜单按钮被“点击”而不是当它被“悬停”时,子菜单下拉。
我的css是:
.sub-menu {
display: none;
}
.shiftnav ul li:hover > ul {
display: block; /* show sub menus when hovering over a parent */
}
这个上有三个菜单。我正在学习css,并尝试menu2 & menu3到inherit all properties from menu class。第二个看上去有点不同,是不可点击的。我很高兴第三个,只是想让它的水平和改变它的位置位。
谁能告诉我
为什么第二个菜单是不可点击的?
我怎样才能使第三个菜单垂直?我以为第三个菜单中的display: block;为li会起作用,但我不知道那个li的css路径。
我有非常基本的:
// jQuery Document
var main = function() {
/* Push the body and the nav over by 285px over */
$('#share').click(function() {
$('.menu').animate({
right: "0px"
}, 200);
$('body').animate({
right: "285px"
}, 20