• 21浏览
  • 1 评论
  • 0收藏

一段不知怎么修改的代码,下拉菜单的

javascript maHouse 7 天前的提问
0

liss2.style.display="none"不能用

问题描述:做的二级下拉菜单,onmouseover和onmouseout悬浮消失隐藏,用JavaScript写的,在JSbin.com测试显示

image.png image.png errorimg.png

在chrome工作台打断点的,看到也是这个图片区域,得不到liss2,

感谢,感谢!!!

<!DOCTYPE html>

<html lang="en"> <head> <meta charset="UTF-8"> <title>二级菜单、下拉菜单</title> <link rel="stylesheet" href="sec-class-navigation.css"> [removed][removed] </head> <body> </body> </html>

样式 *{ margin: 0; padding: 0; } ul{ list-style: none; }

.nav{ background-color:#EEEEEE; height:40px; width:450px; margin:0 auto; }

ul li{ float:left; line-height: 40px; text-align: center; position:relative; } a{ text-decoration: none; color:#000; display: block; width: 90px; height: 40px; } a:link,a:visited{ background-color: #EEE; } a:hover{ background-color: red; color: #FFF; }

ul li ul li{ float: none; background-color: #EEE; } ul li ul{ position: absolute; top: 40px; left: 0px; display: none; width: 90px; } ul li:hover ul{ /display: block; / }

JS

window.onload = function() {

var uls = document.getElementsByTagName("ul")[0].children;    

for ( var i = 0, len = uls.length; i < len; i++ ) {

    var liss = uls[ i ].firstElementChild,
        liss2 = uls[ i ].lastElementChild;

    if ( liss != liss2 ) {

        uls[ i ].onmouseover = function() {
            liss2.style.display = "block";
        }

        uls[ i ].onmouseout = function() {
            liss2.style.display = "none";
        }

    } else {
        function stopHandler( event ) {
            window.event ? window.event.cancleBubble = true : event.stopPropagation();
        }
    }
}

}

7 天前的提问 邀请回答
1个回答
  • 默认排序
  • 时间排序

    您需要 注册 一个IMWeb账号或者 才能进行评论。