ul加遮罩html,js css 实现遮罩层覆盖其他页面元素附图

无标题文档

ul, ul ul {

list-style-type:none;

margin: 0;

padding: 0;

width: 15em;

}

ul a {

display: block;

text-decoration: none;

}

ul li {

margin-top: 1px;

}

ul li a {

background: #333;

color: #fff;

padding: 0.5em;

}

ul li a:hover {

background: #000;

}

ul li ul li a {

background: #ccc;

color: #000;

padding-left: 20px;

}

ul li ul li a:hover,ul li ul .current a {

background: #aaa;

border-left: 5px #000 solid;

padding-left: 15px;

}

• 老大

  • 老大大

  • 老大二

  • 老大三

  • 老大四

• 老二

• 老三

• 老四

  • 老一

哈哈

$(function(){

$("#aa").click(function(){

$("#zz").show();

$("#bb").show();

$("#bb").animate({left:'100px'});

$("#bb").animate({left:'0px'});

});

$("#zz").click(function(){

$("#bb").animate({left:'-240px'});

$("#zz").hide();

});

$('#bb ul li ul').hide();

$("#bb ul li a").click(function(){

var a= $(this);

var nextobj=a.next();

if(nextobj.is("ul")){

$('#bb ul li ul:visible').slideUp('normal');

if(!nextobj.is(':visible')){

nextobj.slideDown('normal');

}

return false;

}

});

});