滑动门技术

滑动门技术

滑动门技术的实现主要是通过两个父子标签互相嵌套来实现的
例给a标签嵌套了一个span标签 分别给a和span设置其背景图片 其中给a的背景图片让他 放在左顶部 span放在右顶部 通过设置内边距来填充左右的距离通过内容来填充进而实现滑动们的技术

代码如下
两侧对称滑动门

<div class="box">
    <div class="list">
        <ul class="clearfix">
            <!-- li做布局 a铺左侧 span铺图右侧 -->
            <li><a href="#"><span>首页</span></a></li>
            <li><a href="#"><span>首页首页</span></a></li>
            <li><a href="#"><span>首页首页首尔</span></a></li>
            <li><a href="#"><span>首</span></a></li>
            <li><a