复制代码 代码如下:
.box { width:800px; margin:10px auto; background:#f1f1f1; z-index:0; padding:10px;display:inline-table; text-align:center;}
.box ul li { width:150px; height:150px; float:left; border:solid 1px #ccc; background:#CCFF99; margin:10px; position:relative; list-style:none;}
.box ul li .layer { position:absolute; left:150px; top:0; width:120px; height:100px; background:#000; color:#fff; z-index:99999;}
- 测试新闻标题一
这里显示弹出层
- 测试新闻标题一
这里显示弹出层
- 测试新闻标题一
这里显示弹出层
- 测试新闻标题一
这里显示弹出层
- 测试新闻标题一
这里显示弹出层
- 测试新闻标题一
这里显示弹出层
- 测试新闻标题一
这里显示弹出层
以上JS代码需要引入jquery-1.3.2.min.js文件
关键JS代码
for(var i = 0; i < $(".box li").length;i++){
var j = 10000-i
$(".box li").eq(i).css("z-index",j);
}
