大家先来看看完成之后的成效图如下：
Html的部分就不多说了，用5个li标签来排版。从成效图可以看出来，从最上面一层（1）开始到最下面一层（5）每一层都像悬浮在下一层上面（除5外），主要用了css的定位属性（position:relative;）、层级属性（z|index）、外边距（margin|TOP）、外阴影（box|shadow）、旋转（transform:rotate()）。Css如图：
从图可以看出，没设置层级z|index，由于假如通过css来设置层级，就需要设置每个li的层级，一旦li过多，就需要设置过多z|index太不便捷了，所以z|index需要通过js来设置。如图：
先获得li的总个数然后赋值给c|Size，通过for循环设置i的初始值为0，每循环一次i的值加1，i的值为li的下标，s的值为层级（z|index）的值，而s的值为每次循环c|Size减i的值得出，从而li的层级从上到下是递减的，最高值是5，最低值是1。鼠标悬浮的成效：
当鼠标悬浮到某一个li时，给与目前li设置一个最高的层级值（如：9999），目前li上面的所有li设置透明度（opacity）为0.3，鼠标离开时实行一遍level()办法重新设置一遍li的层级值。Js如图：
