因为是第一次接触此开发语言,对此不太明白不知道怎么解决,所以需要论坛的帮助,我打算是用JavaScript来实现下拉菜单效果的,我知道代码一旦报错就要解决不然会无法执行代码
问题描述:
1、多个下拉菜单同时使用无法执行,哪怕都为每一个div设置不同的id区分出来也不行只能执行没有报错的代码
下面是我开发的部分代码以及DW报错的提示图片
<ul id="leftMenu" class="left-menu">
<li class="leftMenuQC">
<div id="leftMenuOwe">
<span class="font-menu">中国大陆</span>
<span class="dirapy-font">
<span class="font-menu-1">▽</span>
</span>
<div id="scrollView">
<!--滚动内容-->
<div id="scrollContent">
<ul id="ConTent">
<li class="ConTentFont"><a href="###">全球</a></li>
<li class="ConTentFont"><a href="###">中国大陆</a></li>
<li class="ConTentFont"><a href="###">中国香港</a></li>
<li class="ConTentFont"><a href="###">中国台湾</a></li>
<li class="ConTentFont"><a href="###">中国澳门</a></li>
<li class="ConTentFont"><a href="###">韩国</a></li>
<li class="ConTentFont"><a href="###">马来西亚</a></li>
<li class="ConTentFont"><a href="###">澳大利亚</a></li>
<li class="ConTentFont"><a href="###">新加坡</a></li>
<li class="ConTentFont"><a href="###">新西兰</a></li>
<li class="ConTentFont"><a href="###">加拿大</a></li>
<li class="ConTentFont"><a href="###">美国</a></li>
<li class="ConTentFont"><a href="###">日本</a></li>
</ul>
</div>
<!--滚动条区域-->
<div id="scrollTrack">
<!--小幅度向上滚动按钮-->
<div id="btnUp">
<span class="BUttonBar">
<span class="btUp-font">▲</span>
</span>
</div>
<!--大幅度向上滚动点击区域-->
<div id="trackUp"></div>
<!--滚动条滑块-->
<div id="scrollBar"><span class="LlBar">
</span>
</div>
<!--大幅度向下滚动点击区域-->
<div id="trackDown"></div>
<!--小幅度向下滚动按钮-->
<div id="btnDown">
<span class="BUttonBar">
<span class="btUp-font">▼</span>
</span>
</div>
</div>
</div>
</div>
</li>
/给leftMenuOwe菜单添加下拉菜单添加隐藏显示特效
window.onload = function(){
//获取需要悬浮的对象
let show = document.getElementById("leftMenuOwe");
//获取被隐藏的菜单
let menu = document.getElementById("scrollView");
//给show添加鼠标悬浮事件
show.onmouseover = function(){
//改变菜单的内联样式display为block
menu.style.top = "auto";
}
//
show.onmouseout = function(){
//获取菜单栏的坐标值
let menux = menu.offsetLeft;
let menuy = menu.offsetTop;
let menuX = menu.offsetLeft+menu.offsetWidth;
let menuY = menu.offsetTop+menu.offsetHeight;
//获取鼠标的坐标值
let event = window.event;
let mouseX = event.clientX;
let mouseY = event.clientY;
if(mouseX<menux || mouseX>menuX || mouseY<menuY || mouseY>menuY){
menu.style.top = "-800px";
}
}
//分别给menu对象绑定鼠标悬浮和鼠标离开事件
menu.onmouseover = function(){
menu.style.top = "auto";
}
menu.onmouseleave = function(){
menu.style.top = "-800px";
}
}
你在第一张截图27行上打印一下show看看,应该是show不存在
怎么解决错误