js实现鼠标滑过显示二级菜单
JS代码如下CSS代码如下<body>菜单部分代码如下我那里写错了呢，不能实现划过显示二级菜单...
JS代码如下
CSS代码如下
<body>菜单部分代码如下
我那里写错了呢，不能实现划过显示二级菜单 展开
CSS代码如下
<body>菜单部分代码如下
我那里写错了呢，不能实现划过显示二级菜单 展开
4个回答
展开全部
鼠标滑过哪显示啥？
滑过 产品介绍 显示下面的子菜单？
onmouseover是鼠标移动到某元素执行的鼠标事件。
onmousemove是鼠标在某元素上移动执行的事件。
你先把这两个分清楚了，根据你的需求是
先获取你要鼠标滑过的元素 也就是产品介绍这个a元素,你给其设置一个id假如设置其为product
那么先获取他
var product=document.getElementById('product');
再获取你要显示的子菜单元素productInfo
var productInfo=document.getElementById('productInfo');
productInfo.style.display='none';//设置其隐藏，如果CSS里已经隐藏，此步可以省略。
然后设置其鼠标事件，应该选择onmouseover
product.onmouseover=function(){
productInfo.style.display='block'; //鼠标移动到product元素上让其子菜单显示。
}
product.onmouseout=function(){
productInfo.style.display='block'; //鼠标移出product元素上让其子菜单隐藏。
}
如果你要让每个子菜单都读取他的子菜单可以循环遍历实现。思路相同。
滑过 产品介绍 显示下面的子菜单？
onmouseover是鼠标移动到某元素执行的鼠标事件。
onmousemove是鼠标在某元素上移动执行的事件。
你先把这两个分清楚了，根据你的需求是
先获取你要鼠标滑过的元素 也就是产品介绍这个a元素,你给其设置一个id假如设置其为product
那么先获取他
var product=document.getElementById('product');
再获取你要显示的子菜单元素productInfo
var productInfo=document.getElementById('productInfo');
productInfo.style.display='none';//设置其隐藏，如果CSS里已经隐藏，此步可以省略。
然后设置其鼠标事件，应该选择onmouseover
product.onmouseover=function(){
productInfo.style.display='block'; //鼠标移动到product元素上让其子菜单显示。
}
product.onmouseout=function(){
productInfo.style.display='block'; //鼠标移出product元素上让其子菜单隐藏。
}
如果你要让每个子菜单都读取他的子菜单可以循环遍历实现。思路相同。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
鼠标悬停事件和二级菜单的区别
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
对，事件应该附在他的上一级li上，还有第一个事件名写错了，第一个应该是over,第二个应该是out
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你的js mouse事件是针对二级菜单的吧，你事件附错对象了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
