我正在工作的网站,有悬停弹出导航菜单,这正是我想要的工作方式。除了菜单之外,我想要的是在页面的其他地方有另一个弹出,其中包含关于用户当前悬停在上面的元素的特定信息。如果导航菜单中没有任何元素被盘旋,我希望弹出窗口被隐藏起来。
我有一个,它有我想要的所有东西,除了额外的弹出字段。
我已经尝试了我能想到的所有东西,除了一个JavaScript解决方案(因为我对JS不太熟悉),但是,我并不介意JS解决方案。我可以摸索着通过JS,偶尔做些改变--我就是不能创建它。
这个悬停的弹出菜单可以工作(中的完整HTML和CSS ):
<ul>
<li>Nav menu here
感谢你们,我的菜单现在可以使用了,因为子菜单显示的时间足够长,用户可以将鼠标移到链接上。不幸的是,它并不完全正确。即使用户将鼠标放在子菜单上,该子菜单也会关闭。我已经添加了下面的HTML代码以及修改后的js文件代码。我认为问题出在$('.myMenu > li').bind('mouseout',closeSubMenu);行中。也许另一种选择是在调用openSubMenu函数后有一个超时延迟,以便在子菜单隐藏之前至少给用户8秒左右的时间。这对我来说是一个可以接受的解决方案。
<!-- HTML menu code below -->
<
我正在尝试通过CSS媒体查询从我的‘桌面’站点创建一个移动网站。
我有一个简单的下拉菜单(桌面),可以转换为一个下拉菜单(移动)。css在浏览器宽度超过768px的任何位置为桌面加载,移动下拉菜单在767px以下的任何位置加载。
问题是下拉菜单需要一个js文件才能正常工作。js文件强制隐藏包含菜单的div。因此,浏览器宽度高达767px时,下推效果很好,在768px时,桌面导航是不可见的。
我刚接触JavaScript和Jquery,但我已经尝试过用我最少的知识让它们有效地运行。我需要它是尽可能简单,因为该网站必须是尽可能最小。
目前,这是我获得的最接近正常运行的功能:
function hi