这个idea是我拷贝别人的，但代码是我自已一点点敲出来的，首先向这位前辈致敬，我用的是chrome49、firefox43、IE9，jquery3.0。言辞请结合代码，避免断章取意。
用来设置元素的层，值越大层次越高，当元素发生重叠时，值较大的显示在前面，值较小的显示在后面，值相同时，在DOM树中靠后位置的元素显示在前面。
z-index样式不会改变元素在DOM树中的位置
注意这个css样式存在浏览器兼容问题，当值为负数的时候，不触发绑定在元素上的事情，也不传播事件。只是因为在firefox43多点了几下…
用来处理子元素超出父元素边界的情况，值为hidden时，隐藏超出的部分。
用来设置元素定位方式，默认值为static,当该值最终不是static时，top、left的值才有效，同时成为子元素的定位点。
当值为fixed的时，相对于浏览器视口的左顶点定位，不随滚动条位置的变化而变化位置。
body、html元素的position的值都是static，不能成为子元素的定位点。所以body子元素的定位在body元素position使用默认值的情况下，是相对于浏览器显示文档的左顶点，因为通常不会对body设置什么边框、外边距，所以看不出什么区别。
（1）$.函数名，列如$.random，向全局添加
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>为了生活</title>
<style type="text/css">
margin:0;
padding:0;
body
position:absolute;
#container
width:902px;
height:470px;
margin:0 auto;
position:fixed;
border:2px #fff solid;
box-shadow:1px 1px 3px #222;
#area1
width:449px;
height:334px;
#area2
width:451px;
height:165px;
margin-left:1px;
margin-top:1px;
#area3
width:451px;
height:167px;
margin-left:1px;
margin-top:1px;
#area4
width:192px;
height:135px;
clear:left;
margin-top:1px;
#area5
width:708px;
height:135px;
margin-top:1px;
#container div
float:left;
position:relative;
overflow:hidden;
#container div img
position:absolute;
//是z-index生效的前提之一
</style>
</head
<body>
<!—Alt+z可刷新页面-->
<divid="area1">
</div>
<divid="area2">
</div>
<divid="area3">
</div>
<divid="area4">
</div>
<divid="area5">
</div>
</div>
</body>
</html>
$(function()
//$开头的是JQuery对象
var $container = $("#container"),
maxZindex = 9999;
var index =$(this).data("index"),//div中层次最高的图片索引
$imgs = $(this).find("img"),
random =$.random(0,7),
// random是自定义的方法
css,
nextImg;
if(index ==length-1)
else
//switch不支持隐式转换，0和”0”是不匹配的
switch(random)
if(random>3)
$(this).css("opacity",1);
});
$(this).data("index",++index);
}).each(function()
$(this).data("index",0);//层次最高的图片在DOM树中的索引
var $imgs =$(this).find("img");
})
}).bind("click",function()
})
//随着浏览器视口大小的变化动态的改变元素的位置
})
//产生大于等于min、小于等于max的值，值不在filter一维数组中
$.random = function(min,max,filter)
var i,
if(n== filter[i])
else
return n;
//top、lef的值根据父元素的宽和高计算,也就是父元素是子元素的定位点