用原生JS写关于鼠标移入移出ul的二级菜单问题,怎么都实现不了效果

原效果在这个网址查看http://www.orangebank.com.cn/用原生JS如何写这个效果... 原效果在这个网址查看 http://www.orangebank.com.cn/ 用原生JS如何写这个效果 展开
 我来答
百度网友247ce63
2017-08-06 · 超过12用户采纳过TA的回答
知道答主
回答量:18
采纳率:100%
帮助的人:10.9万
展开全部

这个功能其实使用hover伪类即可实现,不需要js

给你一个思路,将子元素设置为默认display:none;不可见。当鼠标移动到父元素的菜单列表时,激活子元素为display:block;可见状态。

具体代码需要使用到hover伪类,例子如下。

<html>
<body>
<div class="menu">
    <em>我是一级菜单</em>
    <div class="menu_sub">
        <p>我是二级折叠菜单</p>
    </div>
</div>
<style>
    .menu_sub{
        display:none;
    }
    .menu:hover > .menu_sub{
        display:block;
    }
</style>
</body>
</html>
骑着老鼠去看妞8d7
2017-08-05 · 超过48用户采纳过TA的回答
知道小有建树答主
回答量:220
采纳率:40%
帮助的人:34.2万
展开全部
你是求一份正确代码?
追问
嗯嗯,我自己写了样式 但是代码太多。。无法提交
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
zcp299
2017-08-05 · TA获得超过1299个赞
知道小有建树答主
回答量:1182
采纳率:75%
帮助的人:420万
展开全部
发你的代码呀,你发图鬼知道你出了什么问题
更多追问追答
追问
老哥,不是我不想发。。字数太多 不允许提交问题
追答
你发压缩包啊
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 2条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式