
用原生JS写关于鼠标移入移出ul的二级菜单问题,怎么都实现不了效果
原效果在这个网址查看http://www.orangebank.com.cn/用原生JS如何写这个效果...
原效果在这个网址查看 http://www.orangebank.com.cn/ 用原生JS如何写这个效果
展开
3个回答
展开全部
这个功能其实使用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>
展开全部
你是求一份正确代码?
追问
嗯嗯,我自己写了样式 但是代码太多。。无法提交
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
发你的代码呀,你发图鬼知道你出了什么问题
更多追问追答
追问
老哥,不是我不想发。。字数太多 不允许提交问题
追答
你发压缩包啊
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询