CSS如何实现滑动门效果:
所谓的滑动门和tab选项卡其实是一个意思，下面就通过实例介绍一下如何实现此功能，代码实例如下:
以上代码实现了最基本的滑动门效果，这也是在引用的网络上的一个例子。下面就简单介绍一下如何实现的此功能：
一.在头部使用四个p元素制作导航标题，并且使用左浮动让四个p元素在一行排列，同时设置了后面三个的默认CSS属性。
二.在轮换内容方面，直接就是罗列显示了几个span元素而已，大家可能对第一个span的存在的原因残生疑惑，下面会介绍。
三.以上是代码的div+css实现，现在开始街上js如何控制代码实现滑动门:
document.getElementById('NewsTop_tit').getElementsByTagName('p')用来获取标题的p标签集合。document.getElementById('NewsTop_cnt').getElementsByTagName('span')用来获取内容的span元素标签集合。
Tags.length用来获取p标签集合的中p标签的数量。
flag=1用来设置一个标识，后面代码会用到。
for循环语句用来为每一个p标签赋值，并且为它们绑定事件处理函数，此次for循环中就可以提现第一个span元素的作用了，因为第一个p标签不参与滑动门，所以必须要添加一个空的span标签与其对应，否则for循环在遍历遍历span元素的时候会造成差错。changeNav()事件处理函数能够将改变第一个选项卡p元素的背景颜色为灰色，字体为黑色，并且将第一个选项卡内容span隐藏，并且将相应值的p元素和span设置为当前元素。
四.for循环后面的Tags[flag].className='topC1'和TagsCnt[flag].className='dis'可以设置当页面加载后，默认的当前p元素和span元素都是第一个。
