Javascript 当鼠标位于菜单上方时,保持下拉菜单打开

Javascript 当鼠标位于菜单上方时,保持下拉菜单打开,javascript,jquery,html,css,Javascript,Jquery,Html,Css,嗨,伙计们,我有点被卡住了,我是一个非常简单的解决方案。然而,它一直在折磨我的大脑,所以我想我会看看是否有人能承受我大脑的压力,哈哈。无论如何,我已经创建了一个带有悬停事件的下拉列表来显示它。因此,当鼠标位于按钮上方时,会出现下拉列表。现在我遇到的问题是,当鼠标在菜单上时,我还希望它保持在屏幕上 $(“#ddBtn”).hover(函数(){ $(“#下拉”).toggle(); }); .ddBtn{ 利润率:20px; 浮动:对; } .pageBtns{ 显示:块; 利润率:20px;

嗨,伙计们,我有点被卡住了,我是一个非常简单的解决方案。然而,它一直在折磨我的大脑,所以我想我会看看是否有人能承受我大脑的压力,哈哈。无论如何,我已经创建了一个带有悬停事件的下拉列表来显示它。因此,当鼠标位于按钮上方时,会出现下拉列表。现在我遇到的问题是,当鼠标在菜单上时,我还希望它保持在屏幕上

$(“#ddBtn”).hover(函数(){
$(“#下拉”).toggle();
});
.ddBtn{
利润率:20px;
浮动:对;
}
.pageBtns{
显示:块;
利润率:20px;
}
#标题{
位置:相对位置;
宽度:100%;
高度:60px;
背景色:#333;
}
#页面{
边框:2个实心#999;
}
#下拉列表{
位置:绝对位置;
右:0;
最高:100%;
背景色:#D6;
显示:无;
}

下降
第1页
第2页
第3页
第4页
第5页
受到了同样优美的法律。现在的魅力也不可能与绿色相提并论。高兴但同样正确的上校没有一个。说焦虑进行了紧密的行为性一般不确定。弗劳尔夫人建议,现在家庭的热情得到了保留。
我父亲很高兴他离开了。女士们其他六个欲望的年龄。我很快就被莱恩读过了。作为借口,没有时间。可爱的小阁楼是一间私人别墅。远亲
果断地被包围了。新先生特别经常放纵卓越如何。希望他能访问一个乏味的主题。请注意,即使你去了,叶太太也确实戒掉了。然而,对这两个人的性侵犯并非更大。
上一任丈夫撤走了聚会,他服从了无情的先生,如此欣喜若狂的发现使他精美绝伦。合理地说,米德尔顿或印象被终止。旧日的快乐需要除去他的优雅。她俯视着高处的宁静。游戏的
门西面棚没有伟大的音乐,但发现太旧了

受到了同样优美的法律。现在的魅力也不可能与绿色相提并论。高兴但同样正确的上校没有一个。说焦虑进行了紧密的行为性一般不确定。弗劳尔夫人建议,现在家庭的热情得到了保留。 我父亲很高兴他离开了。女士们其他六个欲望的年龄。我很快就被莱恩读过了。作为借口,没有时间。可爱的小阁楼是一间私人别墅。远亲 果断地被包围了。新先生特别经常放纵卓越如何。希望他能访问一个乏味的主题。请注意,即使你去了,叶太太也确实戒掉了。然而,对这两个人的性侵犯并非更大。 上一任丈夫撤走了聚会,他服从了无情的先生,如此欣喜若狂的发现使他精美绝伦。合理地说,米德尔顿或印象被终止。旧日的快乐需要除去他的优雅。她俯视着高处的宁静。游戏的 门西面棚没有伟大的音乐,但发现太旧了

受到了同样优美的法律。现在的魅力也不可能与绿色相提并论。高兴但同样正确的上校没有一个。说焦虑进行了紧密的行为性一般不确定。弗劳尔夫人建议,现在家庭的热情得到了保留。 我父亲很高兴他离开了。女士们其他六个欲望的年龄。我很快就被莱恩读过了。作为借口,没有时间。可爱的小阁楼是一间私人别墅。远亲 果断地被包围了。新先生特别经常放纵卓越如何。希望他能访问一个乏味的主题。请注意,即使你去了,叶太太也确实戒掉了。然而,对这两个人的性侵犯并非更大。 上一任丈夫撤走了聚会,他服从了无情的先生,如此欣喜若狂的发现使他精美绝伦。合理地说,米德尔顿或印象被终止。旧日的快乐需要除去他的优雅。她俯视着高处的宁静。游戏的 门西面棚没有伟大的音乐,但发现太旧了

受到了同样优美的法律。现在的魅力也不可能与绿色相提并论。高兴但同样正确的上校没有一个。说焦虑进行了紧密的行为性一般不确定。弗劳尔夫人建议,现在家庭的热情得到了保留。 我父亲很高兴他离开了。女士们其他六个欲望的年龄。我很快就被莱恩读过了。作为借口,没有时间。可爱的小阁楼是一间私人别墅。远亲 果断地被包围了。新先生特别经常放纵卓越如何。希望他能访问一个乏味的主题。请注意,即使你去了,叶太太也确实戒掉了。然而,对这两个人的性侵犯并非更大。 上一任丈夫撤走了聚会,他服从了无情的先生,如此欣喜若狂的发现使他精美绝伦。合理地说,米德尔顿或印象被终止。旧日的快乐需要除去他的优雅。她俯视着高处的宁静。游戏的 门西面棚没有伟大的音乐,但发现太旧了


无需jquery即可实现:

#标题{
位置:相对位置;
宽度:100%;
高度:60px;
背景色:#333;
填充:10px0;
}
.dropbtn{
背景色:#4CAF50;
颜色:白色;
填充:16px;
字体大小:16px;
边界:无;
光标:指针;
}
.下拉列表{
位置:相对位置;
显示:内联块;
浮球:对
}
.下拉内容{
显示:无;
位置:绝对位置;
背景色:#f9f9f9;
最小宽度:160px;
盒影:0px 8px 16px 0px rgba(0,0,0,0.2);
z指数:1;
}
.下拉内容a{
颜色:黑色;
填充:12px 16px;
文本dec