html第几个li,JS 遍历（获取点击的是第几个li）

jQuery弹出层垂直居中效果

*{ margin:0; padding:0; list-style:none; border:0;}

.imgs img{ border:0; width:200px; height:200px;}

.imgs{margin:20px;}

.zzsc {position: fixed;left: -100%;right:100%;top:0;bottom: 0;text-align: center;font-size: 0; z-index:9999; display:none;}

.zzsc:after {content:"";display: inline-block;vertical-align: middle;height: 100%;width: 0;}

.content{display: inline-block; *display: inline; *zoom:1; vertical-align: middle;position: relative;right: -100%;}

.content_mark{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:555; background:#000; opacity:0.5;filter:alpha(opacity=50); display:none;}

$(‘.imgs img‘).each(function(i) {

$(this).click(function(){

$(‘.zzsc‘).show(0);

$(‘.zzsc .content‘).children(‘img‘).attr("src",$(‘.imgs‘).children(‘img:eq(‘+i+‘)‘).attr(‘src‘));

$(‘.content_mark‘).show(0);

});

});

$(‘.content_mark‘).click(function(){

$(‘.zzsc‘).hide(0);

$(‘.content_mark‘).hide(0);

});

原文：http://www.cnblogs.com/mrt-yyy/p/4449967.html