1回答
我试图将菜单项列表更改为：
菜单1菜单2
至
菜单3菜单4
通过点击一个按钮。
有两个按钮Div 1和Div 2。
当菜单1和菜单2显示时，我单击显示的Div 1。
单击Div 1可更改菜单1、菜单2、==>菜单3、菜单4，并带来Div 2按钮。
但是点击Div 2并不能让我回到菜单1和菜单2。
使用的小提琴如下：。
<div id="buttons">
<a href="#" id="2" class="mybutton myred" >Div 2</a>
<a href=&#
浏览 0提问于2017-04-02得票数 0
回答已采纳
1回答
这是我的CodePen：
所以，基本上当你在一个实体上盘旋时，菜单就会向上滑动。我试图为每个菜单项创建一个子菜单，它基本上反映了菜单的功能，但是从菜单的底部向下滑动。下面是它应该是什么样子的图片：
下面是我当前的HTML：
<div class="entity">
<span class="menu"><div>A</div><div>B</div><div>C</div></span>
</div>
我可以想出几种方法来使用JQ
浏览 2提问于2014-06-04得票数 0
回答已采纳
2回答
这可能是我遇到的一个简单的问题，但对于我的生活来说，我似乎无法解决这个问题。如果你们中的任何人能帮助我，我将不胜感激。
我使用JQuery在用户将鼠标悬停在某个div上时显示一个菜单。菜单将显示在div的左上角。我让它工作了，但是当我尝试点击出现的div的菜单项时，div再次消失，因为从技术上讲，鼠标不是在div上，而是在菜单上。
在下面的示例中，"#blockMenu“是动态出现的菜单。我将当前的div ($this)淡出一点，以强调菜单。
我使用以下代码来实现这一点：
$("div.editable").hover(function () {
$(this)
浏览 0提问于2011-07-10得票数 1
我创建了一个css下拉菜单。
菜单项与菜单按钮的宽度相同。但是，在将边框应用到菜单按钮和菜单项(菜单项绝对定位)(菜单按钮和菜单项都使用边框)时，边框没有正确对齐。
请参阅
HTML代码
html, body {
width: 100%;
height: 100%;
font-family: 'Roboto', sans-serif;
}
div.time {
position: absolute;
padding: 10px;
display: inline-block;
color: white;
background-color: l
浏览 8提问于2016-02-14得票数 0
回答已采纳
2回答
我正在使用bootstrap.css和<div class="box">/''HTML content'''/</div>
class=box是带有白色背景的div框
我在<div class="box">/''vertical menu''/</div>里面有垂直菜单
当运行页面时，我不会得到包含整个垂直菜单的div框。
div方框CSS
.box {
padding: 50px 30px;
background: #fff;
浏览 5提问于2014-10-10得票数 1
回答已采纳
1回答
我用jquery创建了一个菜单:div1用于主菜单，div2用于子菜单。将鼠标悬停在项目上时，div 2将显示在选定菜单下。
我可以让菜单更优化吗？
你能用图片中描述的功能做一个2行的CSS菜单吗？
<div id="main-menu">
<ul>
<li><a href="#" class="category" rel="">Home</a></li>
<li><a href="#&#
浏览 0提问于2014-09-02得票数 0
我想用以下方式为菜单设置DIVs的样式：
其中红色是菜单栏，青色是下拉菜单，绿色是菜单头。菜单头可以比其他菜单项短，因此在布局菜单时只应考虑菜单头。
这有可能实现吗？
<div class='menubar'>
<div class='menu'>
<div class='menuhead'>menu 1</div>
<div class='menubody'>
long item name 1.1</br>
浏览 0提问于2012-11-24得票数 0
回答已采纳
2回答
我使用jQuery来定位子菜单中的元素。html看起来像这样：
<div class="menu">
<div>
<a>Menu Option</a>
<div class="submenu">
<div><a>Submenu Option</a></div>
</div>
</div>
</div>
菜单有位置:相对，子菜单有位置:
浏览 1提问于2010-09-10得票数 3
回答已采纳
当用户悬停/单击菜单项时，我试图动态地更改某些菜单选项的背景图像。为此，我使用JQuery .css()方法更改背景图像。当用户单击菜单项时，我将所有菜单项的背景图像更改回原来的状态，然后修改单击的菜单项。我如何在JQuery中做到这一点？(图像文件都是以相同的方式保存的，所使用的图像应该反映菜单项的状态。由于我使用"/PictureLibrary/NavBarShortcuts/'menuItemID'.gif“动态地分配默认背景图像，所以我不相信我可以使用多类CSS来分配背景图像，因为非活动类缺少CSS。尽管我可能错了。
以下是我所拥有的：
$('.menu
浏览 5提问于2014-04-21得票数 1
回答已采纳
2回答
我正试着用jQuery把我自己的动画下拉菜单组合在一起，但得到了奇怪的结果。我有一个容器包装了一个按钮DIV和一个菜单DIV，这个想法是(在鼠标悬停时)容器DIV和菜单DIV的高度缩放，菜单DIV得到一个CSS {'display'，'block'}。当鼠标移出容器DIV (它应该已经缩放到包含按钮和菜单DIV的高度)时，我希望DIV缩回到它们的原始高度，并且希望菜单DIV得到一个CSS {'display'，'none'}。
现在的问题是，在所有东西都放大之后，不是缩小应该放大的容器(高度: 300px)，而是在鼠标移出容器的原
浏览 0提问于2012-08-15得票数 0
回答已采纳
我使用的选项卡菜单类似于，但使用的是悬停而不是单击。目前，我必须使用‘默认’关闭菜单。
如何从所有drop菜单的关闭开始？当用户悬停在选项卡上时，菜单应该展开，只有当用户悬停在扩展菜单之外时才关闭。
使用的查询：
$(document).ready(function(){
$(".menu > li").mouseover(function(e){
switch(e.target.id){
case "default":
//change status & style menu
$("#default")
浏览 1提问于2010-07-20得票数 0
我在菜单中有两个菜单图标，都是.menuentry类的，in是#topicicon和#searchicon。在它们下面是两个较大的div，#topiclist和#searchform，它们最初都被设置为display:none;。
我想要做的是点击每个菜单图标，并在下面显示相应的大div，如果之前已经显示了其他更大的div，也可以去掉它。
因此，例如，当我单击#topicicon时，它会显示#topiclist并隐藏#searchform。
代码正在这个网站上使用，在顶部的菜单中：。
这就是我正在使用的代码。
HTML：
<div id="topicicon">&l
浏览 6提问于2015-02-25得票数 0
回答已采纳
1回答
我正在尝试将css规则应用于我的导航栏菜单，但我不希望它们显示在折叠的菜单上。使用我找到的答案，我尝试了以下操作：
@media (min-width: 980px) {
/* your conditional CSS*/
}
然而，如果我的浏览器窗口是900px，折叠的菜单不会显示，因此我的CSS也不会显示。下面是我的菜单的代码：
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
浏览 1提问于2014-08-29得票数 0
我使用来创建动画菜单，但是我不能在菜单项中添加onclick。这对于菜单按钮和子菜单项来说是一个漂亮效果，
我想在其中一个子菜单上添加警报“onclick=(1)；”，但是很明显，父节点阻止了对子菜单的点击。
我尝试更改一些css以访问子菜单，但我看不到任何更改。
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
浏览 0提问于2017-05-30得票数 0
我在使用jquery / css创建下拉菜单时遇到了问题。
现在，每个类别的每个下拉菜单都是一个div，它有一个隐藏的显示，直到类别悬停。我试图让jquery在hover和mouseleave上显示/隐藏正确的div。
我使用的逻辑是:如果类别链接或下拉菜单悬停，则显示下拉菜单，否则隐藏下拉菜单。
更具体地说，我遇到的问题是，只要用户将鼠标悬停在类别链接上，就会显示下拉菜单……一旦dropdown div没有悬停，它就会关闭。我需要它关闭，如果下拉列表没有悬停或如果类别链接没有悬停…
现在，即使我将鼠标悬停在相邻的类别上，试图查看相邻的下拉菜单的类别，第一个下拉菜单仍然保持打开，除非我先将鼠标
浏览 0提问于2012-04-01得票数 0
1回答
我有一个非常基本的导航和两个主要的菜单项。
当您悬停主菜单项1时，我切换#sub 1的可见性。当您悬停主菜单项2时，我切换#sub 2的可见性。
就像这样：
$(".wrapper .main #m li").mouseenter(function() {
var that = $(this);
var menu = that.attr("class");
if(menu == "first") {
$("#s1").css("display","block"
浏览 5提问于2015-02-25得票数 0
4回答
单击时隐藏Div
、、、、
我有一个小的HTML/CSS/JQuery下拉菜单。我的伪代码是：
function closeMenus() {
$('.subMenu').css('display', 'none');
}
#mainMenu ul li .subMenu {
display: none;
position: absolute;
}
#mainMenu ul li:hover .subMenu {
display: block;
}
<script src="https://ajax.googleapis.com/ajax/
浏览 3提问于2011-10-12得票数 1
回答已采纳
我将在这个场景中进行自动化测试:当鼠标悬停在按钮上时，会有一个浮动菜单。我要检查浮动菜单中的徽标。默认情况下，它是：
<div class="header fold">
<div class="logo fold">
...
当鼠标悬停在按钮上时，页面将转到：
<div class="header float-header">
<div class="logo float-header">
...
我试过这个命令：
mouse over | css=div.heade
浏览 4提问于2014-11-27得票数 0
1回答
我有一个相当长的页面，在布局的菜单中，有一个弹出菜单。我希望菜单的这一弹出部分显示在页面的顶部，即使用户滚动了菜单栏也是如此。这是菜单的HTML
<div id="task_flyout">
<div id="info">Compare up to 3 cards side-by-side. Click “Add to Compare” next to any card to get started…</div>
<div id="card1" class="car
浏览 0提问于2013-11-20得票数 7
回答已采纳
我创建了一个菜单div，它可以在鼠标单击时显示/隐藏它下面的另一个div。但是，我需要菜单div上的箭头来切换单击。您知道箭头将如何指向侧面，但当单击菜单div和其他div显示时，则向下切换。下面有CSS代码和HTML。
PS:我只需要使用CSS。
CSS：
.drop {
cursor: pointer;
display: block;
background: #090;
}
.drop + input{
display: none; /* hide the checkboxes */
}
.drop + input + div{
display:none;
}
.d
浏览 1提问于2016-05-24得票数 5
回答已采纳
3回答
多类别下拉菜单
、、、
我正在尝试创建一个类似于的分类菜单。
到目前为止，我已经创建了这个：
只有当我将鼠标从bigmenu div移出时，大菜单才会关闭。
此外，我无法正确定位大菜单，使其与小菜单按钮重叠。
Html：
<div id="mydiv">Menu</div>
<div id="bigmenu">This is big menu</div>
Css：
#mydiv {
position:absolute;
top:10px;
left:50px;
height:50px;
width:
浏览 0提问于2013-01-19得票数 0
回答已采纳
1回答
我正在创建一个带有子菜单的菜单。我试图保持主菜单的悬停样式，只要鼠标在子菜单内，但当我从一个链接导航到另一个链接，在子菜单中，jquery说我退出了子菜单
$(Document).ready(函数(E){
$(".menu").mouseenter(function(){
$(this).children("div").slideDown(200);
});
$(".menu").mouseleave(function(){
$(this).children("div").slideUp(200);
});
浏览 0提问于2014-02-25得票数 0
回答已采纳
我有6个<div>作为不同的应用程序。每个<div>包含一个菜单，每个菜单包含一个无序列表的子菜单。每个子菜单都包含<img>和<p>标记。
我已经创建了一个后退按钮，因为我将遍历这些<div>、菜单和子菜单中的每一个。所有这些元素都将有一个Id。
我已经创建了一个数组来存储所有元素列表的历史记录，我将使用
var pageHistory = { "History": [] };
单击每个<div>、菜单和子菜单，我将使用pageHistory.History.push(menu);将它们添加到pageHi
浏览 0提问于2018-08-13得票数 0
1回答
mmenu插件检查滑动是否完成
、、、、
我有一些CSS，可以在整个页面上添加div。
我将这个css应用于一个div：
.full-width {
position: relative;
margin: 0 -9999rem;
padding: .25rem 9999rem;
background: #e92428;
color: white;
font-size: 1.125rem;
height:100px;
}
当我点击mmenu插件的菜单按钮时，div仍然在菜单的上方。
为了解决这个问题，我从div中删除了css，当用户单击菜单图标时，它会遍历整个屏幕。
我现在的问题是，当用户单击主页以将其滑回原位时，将css应用回div。
浏览 0提问于2015-10-11得票数 0
1回答
我有这个css的菜单：
div#menu {
position:absolute;
bottom:0;
width:100%;
z-index: 1000;
height: 57px;
background:transparent url(../images/page_header_b.png) repeat-x;
}
#menu ul.menu {
white-space: nowrap;
}
当我滚动时，我将菜单的位置更改为：
$(window).scroll(function(){
if($(window).scrollTop()>150) {
$('div
浏览 0提问于2013-11-05得票数 0
1回答
我正在创建一个侧菜单栏在我的反应application..Initially，我希望侧菜单栏关闭，屏幕上的主要内容应该是big..On点击或悬停在侧菜单栏上，边菜单栏应该打开，屏幕上的主要内容应该变成small..If，然后用户将鼠标从侧菜单栏移动到屏幕的任何不同位置(即不悬停在侧菜单栏上)，边菜单应该关闭，屏幕上的主内容应该变得大。
我就是这样做的
const ss = false;
const [s, sets] = useState(ss);
const [c,cset] = useState(!ss);
function MouseOver(event) {
s
浏览 1提问于2022-03-19得票数 0
我创建了一个菜单(没有使用我不喜欢的ul和li元素)，它为每个按钮显示一个子菜单，我想要的是能够添加子菜单(和子菜单.)而不是为每个css添加新的css。这就是我实际上(简化)的内容：
<div class="button"><a href="#">One button</a>
<div class="submenu"> //what works
<div class="button">som
浏览 3提问于2014-06-02得票数 0
回答已采纳
1回答
菜单在链接页上未关闭
、、、
我目前正在工作的另一个移动网站，其中已安装的菜单，所有的工作，只要滚动打开显示菜单，但所有的菜单项都是外部链接。当我点击/单击外部链接时，页面将超链接到选定的页面，而不首先关闭菜单。在加载外部链接之前，是否要关闭菜单？
以下是代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale
浏览 3提问于2014-08-09得票数 0
回答已采纳
2回答
我有一个css下拉菜单与HTML选择表单内的CSS菜单。我注意到，仅在firefox中，当我将鼠标悬停在CSS菜单上并单击选择下拉按钮时，整个CSS菜单将失去悬停焦点，导致整个CSS菜单消失。有什么想法吗？
jsfiddle.net/chrisvenus/jKV8Z/1
<div class="popup-button">
<div class="popup-container">
<span class="popup-title">Title:</span>
<select>
浏览 2提问于2011-12-20得票数 1
回答已采纳
1回答
在我使用bootstrap.min.css之前，但是现在我应该使用引导v3.2.0.css，因为bootstrap Thumbnail，但是当我使用Bootstrap 3.2.0时，我的顶部菜单不能工作，我怎么可以同时使用它们呢？引导3.2.0缩略图滑块和顶部菜单；在船头是我的顶部菜单，使用bootstrap.min.css，但不使用引导v3.2.0.css
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
浏览 0提问于2014-07-15得票数 1
回答已采纳
3回答
我有一个经典的css下拉菜单与css悬停选择器切换到“显示:块；
为了使用触摸设备，我添加了以下脚本：
$(document).ready(function () {
$("div.menuHead").click(function () {
//Toggle the menu but don't include it in the hide selector using .not()
$(this).siblings("div.menu").toggle();
$("div.me
浏览 2提问于2013-12-19得票数 3
嘿，当悬停在某个对象上时，我想启用(修改不透明度) div。
#css_menu > .menu > .current:hover{
background-color:#066;}
这是可行的。
#css_menu:hover + .css_submenu {
background-color:#F63;
opacity: 1.0;
}
这是可行的。然而。
#css_menu > .menu > .current:hover + .css_submenu{
background-color:#F63;
opacity: 1.0;
浏览 0提问于2018-07-05得票数 0
我在我的网站顶部有一个菜单，上面有这个css：
.menu {
width: 100%;
display: block;
float: left;
}
在它内部，我有几个div：
.menu .menu-item {
position: relative;
width: 260px;
float: left;
height: 430px;
}
这一切都很好，但是当我尝试在菜单下面添加一个小div时，使用下面的HTML结构：
<div class="menu">
<div class="menu-item">
</di
浏览 0提问于2017-09-11得票数 0
3回答
HTML：
<ul class="dropdown">
<li><a href="#">Item 1</a></li>
<li>
<a href="#">Item 2</a>
<div class="submenu">something</div>
</li>
</ul>
jQuery：
$j("ul.dropdown
浏览 3提问于2010-03-03得票数 0
回答已采纳
2回答
这是菜单的css。
<span id="menu2">Menu 2</span>
上面的div的CSS
#menu2_submenu{
position:absolute; left:375px; top:35px; background-color:#111; height:50px; width:160px; color:#424242;
}
子菜单
<div id="submenu">
<div id="submenu1">submenu
浏览 0提问于2010-07-25得票数 0
1回答
我正在创建一个纯CSS悬停下拉菜单，基于一个非常基本的想法。
HTML：
<ul id="top">
<li>
<a href="#">Menu item 1</a></li>
<li>
<a href="#">This one has submenu</a>
<div class="submenu">
<ul>...</ul>
<div>
浏览 2提问于2014-08-25得票数 3
回答已采纳
我有一个菜单，实际上是一个无序的列表：
<ul class="nav navbar-nav">
<li><a href="#">O nás</a></li>
<li><a href="#"> Místo</a></li>
<li><a href="#">Program</a></li>
浏览 1提问于2014-11-20得票数 0
回答已采纳
1回答
我试着用多个子菜单创建一个菜单。我的想法是对每个带有高度: 0px和边框的子菜单使用div，所以它显示为一行(仅在悬停时，模仿已知的‘这是一个可点击的链接’)。如果按下它，它就会使用jQuery的动画进行扩展，并显示子菜单。
问题1: jQuery代码总是用类“子菜单”来动画每个div。我试着用这样的方法只影响孩子
if ($(this, '.submenu')
或者第n个孩子(2)，孩子选择器或'div'，但似乎什么都不起作用。小提琴手解释了这个问题。
问题2:子菜单在按下子链接后会折叠，但我不希望它那样做。只有单击父事件才能触发jQuery事件吗？
问题3:
浏览 0提问于2018-02-26得票数 0
回答已采纳
2回答
下拉悬停状态
、、、
HTML：
<ul class="dropdown">
<li><a href="#">Item 1</a></li>
<li>
<a href="#">Item 2</a>
<div class="submenu">something</div>
</li>
</ul>
jQuery：
$j("ul.dropdown
浏览 1提问于2010-03-04得票数 0
回答已采纳
我在酒吧里有一份下拉菜单。在它下面(导航条下方)有一个div，其位置是固定的.当我打开下拉菜单时，它会落后于那个div。我已经试过z-index了，但它不起作用。我也做了下拉菜单的位置“固定”，但它没有显示任何东西。
下面是我的代码：
.dropdownmenu{
background-color : #333;
opacity : 0.95;
z-index : 9999;
}
下载菜单的navbar的html代码是：
<li class="dropdown">
<a href="#" class="dropdow
浏览 3提问于2017-03-27得票数 0
2回答
我有一个非常大的菜单，将永远是一样的。是否可以创建一个自定义css属性(我不知道技术术语)，这样我就可以在html文件中创建菜单，并且只在每个页面的源代码中键入几个字符就可以显示出来了吗？就像这样：
// index.html
<html>
<head>
<title>Example of what I mean></title>
<link type="text/css" src="page_style.css" />
</head>
<div class="navi
浏览 8提问于2022-04-15得票数 0
回答已采纳
2回答
例如，我有一个嵌套列表：
<ul id="navigation">
<li id="home">
<ul id="sub_menus">
<li id="about_us">
<div class="same>
... content ...
</div>
</li>
浏览 0提问于2013-05-12得票数 0
回答已采纳
我有一个固定的标题和菜单栏，并且有一个容器div，当我向下滚动时，容器div不会隐藏在菜单栏下面，如下图所示是我正在使用的jquery代码。请帮我解决我的问题。
var header= $('.header');
var start_div = $(header).offset().top;
var menu_div = $('.menu');
var menu = $(menu_div ).offset().top;
$.event.add(window, "scroll", function() {
var p =
浏览 2提问于2015-07-09得票数 1
我得到了这个HTML代码：
<div class="tab">
<a href="#">SPECS</a>
<div class="sub-menu">
<a href="#">Specs 1</a>
<a href="#">Specs 2</a>
<a href="#">Specs 3</a>
</di
浏览 5提问于2013-09-09得票数 0
回答已采纳
我有这个菜单：
<ul id="nav">
<li class="level0">Item 1</li>
<li class="level0 parent">
<a><span>Click Me!</span></a>
<div class="submenu">
<ul>
<li>Subitem 1</li>
浏览 0提问于2011-09-08得票数 1
回答已采纳
1回答
我正在制作一个超级菜单。一切都很好，除了鼠标悬停在菜单上--在它与动画一起出现之后--菜单就会隐藏起来。
只有当animate.css类“动画”和"bounceIn“在代码中时才会发生这种情况。当它们被移除，并且只添加类"show“时，当菜单悬停并正常工作时，菜单就不会隐藏。
将animate.css与.hover()一起使用有什么特别之处吗？
HTML
<div class="nav">
<ul>
<li class="wsite-nav-1">Home</li>
浏览 3提问于2018-08-16得票数 0
回答已采纳
1回答
向导航栏顶部添加自定义图像边框
、、、、
我有一个导航栏，需要如下所示：
我有一个它的图像，在导航栏顶部的“粗糙纹理”，但我不知道如何添加它与CSS到我的导航菜单栏，就像上面的样机。
这是我的HTML (使用Wordpress作为菜单)：
<div id="nav">
<div class="container">
<div class="row">
<div class="span12"><?php mt_menu(); ?&g
浏览 13提问于2017-07-12得票数 0
2回答
我必须包括一个HTML菜单。我需要从css菜单编辑活动页面。
包括菜单：
<div w3-include-html="inc/header.html"></div>
/*CSS example - but not working:*/
.main-menu a.active {
color: #0061bb;
}
<div class="mnmenu-sec">
<div class="container">
<div class="row">
浏览 0提问于2018-05-15得票数 0
1回答
我有一个问题，试图用(对我来说)“新的”css3设计一个小的测试菜单。菜单应该在页脚，它总是在视图端口的底部。然而，我想摆弄一下css3提供的过渡效果，所以当你:hover它的时候，我想在菜单上增加一个点。
菜单点在相对菜单分区中设置为float:left。转换效果与预期一致，只是高度转换会将元素向下放大，并(显然是因为它是页脚)超出页面。
相反，我希望菜单点向上增长。为了解决这个问题，我可以将float:left更改为position:absolute并添加bottom:0，但我必须手动水平定位每个菜单点(超链接)，这是我想要避免的。由于菜单大小(菜单点的数量)应该是可变的，而且我也不想使用
浏览 4提问于2013-06-08得票数 0
回答已采纳
3回答
点击改变颜色
、、、、
$("span").hide();
$("div").click(function(){
$(this).css({ 'backgroundColor': 'red' },200);
},function(){
$(this).css({ 'backgroundColor': 'pink' },200);
});
$("div").click(function(){
$("span").toggle();
});
我有一个按钮和菜单。单击“粉红”按钮时，将打开菜单
浏览 5提问于2014-08-14得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
