CSS滑动门原理

结构：

<ul>

<li>

       <a>列表内容一</a>

       <div>滑动后显示的内容</div>

</li>

</ul>

原理：

（1）将li下的div基于ul定位，如果基于li定位，每一次滑动都会改变位置

ul{position:relative;}

ul lidiv{position:absolute;top:;left:;width:;height:;display:none;bgc:;}

（2）当鼠标滑过li后，li下的div的display属性变为block

ul li:hover div{display:block;}