div样式=' position:固定；宽度： 100%;高度： 100%;left: 0pxtop: 0px背景色-:黑色；z指数： 9999；filter: alpha(不透明度=70);'opa city 33600.7 '/divz-索引必须大于遮罩元素演示

！doctype html html head meta charset=' utf-8 ' title无标题文档/title meta name=' viewport ' content=' width=device-width，initial-scale=1，maximum-scale=1 '/meta name=' apple-mobile-web-app-ability ' content=' yes '/script type=' text/JavaScript ' src=' http : jquery-1。7 .2 .量滴js '/脚本样式类型=' text/CSS ' ul，ul ul { list-style-type 3360 none；保证金： 0；padd : 0；宽度： 15em} ul a { display:区块；文本装饰：无；} ul Li { margin-top : 1px；} ul阿利{ background : # 333 color : # fffpadding : 0.5 em } ul阿利：悬停{ background : # 000} ul li ul阿利{ background : # cccccolor : # 000左填充left : 20px } ul li ul Li a : hover，ul Li ul .当前a { background: # aaa边框-左侧： 5px #000实心；左衬垫left : 15px }/style/head body div id=' bb ' style='底色：红色；display : nonez-index : 99999；最大高度：79.3%;位置：固定；filter: alpha(不透明度=70);opa city 33600.7 top : 10px '左侧：5px '阿利老大/a ul阿利href='javascript:alert('你可以做你想做的');'老大大/李阿丽a href='javascript:alert('你可以做你想做的');'老大二/李阿丽a href='javascript:alert('你可以做你想做的');'老大三/李阿丽a href='javascript:alert('你可以做你想做的');'老大四/a li /ul li阿利老二/李阿丽a href='javascript:alert('你可以做你想做的');'老三/李阿丽老四/a ul lia href=' JavaScript : alert('你可以做你想做的');'老一/Ali/ul Li/ul/div br br br br br br按钮id='aa '哈哈/button div id=' ZZ ' style=' display : none；位置：固定；宽度： 100%;高度： 100%;left: 0pxtop: 0px背景色-:黑色；z指数： 1999；filter: alpha(不透明度=70);opa city 33600.7 '/div/body脚本类型=' text/JavaScript ' $(function(){ $(' # aa ')).单击(函数(){ $('#zz ')).show()；$('#bb ').show()；$('#bb ').动画({ left : ' 100px ' })；$('#bb ').动画({ left : ' 0px ' })；});$('#zz ').单击(函数(){ $('#bb ')).动画({ left : '-240 px ' })；$('#zz ').hide()；});$('#bb ul li ul ').hide()；$('#bb ul阿利')。点击(function(){ var a=$(this)；var next obj=a . next()；if(next obj。是(' ul '){ $(' # bb ul Li ul :可见').向上滑动("正常");if(！下一个目标。是(' :可见'){ next obj。向下滑动(“正常”)；}返回false } })；});/脚本/html