求一个JS二级导航

kiba518 2013-09-12 10:24:05

 <script language="javascript">

     function moveon(id) {



         bolck = document.getElementById(id).style;

         bolck.visibility = "visible";



     }

     function moveout(id) {

         bolck = document.getElementById(id).style;

         bolck.visibility = "hidden";



     }

        </script>

<ul class="sec_nav"><li>

<a href="###" onmousemove="moveon('sx')" onmouseout="moveout('sx')">AAA</a></li>

</ul>

<div id="sx" class="threeblock">

 

</ul></div>

求解决鼠标放到 a标签上就显示离开a就消失了
我想要个效果是放到a标签上显示离开 div sx 消失求助~~~

...全文

116 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

katrinaqian 2013-09-12

打赏
举报


<ul class="sec_nav">
    <li><a href="###" onmousemove="moveon('sx')">AAA</a></li>
</ul>
<div id="sx" class="threeblock" onmouseout="moveout('sx')">123</div>

katrinaqian 2013-09-12

打赏
举报


function moveon(id) {
    bolck = document.getElementById(id).style;
    bolck.visibility = "visible";
}
function moveout(id) {
    bolck = document.getElementById(id).style;
    bolck.visibility = "hidden";
}

这样？ HTML代码多放点啊。

Go 旅城通票 2013-09-12

打赏
举报

用js改动也很大的，要增加事件

<ul class="sec_nav"><li>
<a href="###" onmousemove="moveon('sx')" onmouseout="moveout('sx')">AAA</a></li>
</ul>
<div id="sx" class="threeblock" style="border:solid 1px black" onmouseover="moveon(this.id)" onmouseout="moveout(this.id,true)">
 sx</div>
 <script language="javascript">
     var timers = {}
     function moveon(id) {
         clearTimeout(timers[id]);
         bolck = document.getElementById(id).style;
         bolck.visibility = "visible";

     }
     function moveout(id, im) {
         if (im) {
             bolck = document.getElementById(id).style;
             bolck.visibility = "hidden";
         }
         else
             timers[id] = setTimeout(function () { moveout(id, true) }, 300); //需要计时器，间隔大小需要自己依据弹出层的位置来调整，距离远就设置大些
     }
</script>

kiba518 2013-09-12