今天在蓝色上看到了一个帖子，说的是现在网上很多人，对滑动门和选项卡的概念混淆厉害，不幸的是，我就是其中一个，先不管它们分别是怎么实现的，先看看什么算是“滑动门”什么又叫做“选项卡”。
   滑动门：
    滑动门是一种利用CSS来控制自适应导航栏外观的一种技术。 
滑动门使用最频繁的地方是导航栏。其实，当一个容器中的文字数量不定的时候，而需要背景自动反映这一变化，都可以考虑使用滑动门。 
   当满足以下条件，则可能需要使用到滑动门技术： 
   导航边框样式为非矩形，或者导航栏背景图片有阴影等装饰性效果。 
   在未知文字数量的情况下，导航栏自动适应宽度。
   
     实例：
  
 HTML代码

  
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

    选项卡：
    选项卡是一种利用有限的容器来完成较多操作的交互组件
   实例：
    
 HTML代码

  
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

    区别： 
   很多新手接触滑动门的时候，经常与Tab选项卡混为一谈。请记住，在某些情况下，Tab选项卡可能会使用滑动门技术，因为一组Tab选项卡看起来和导航非常类似。滑动门主要是靠控制CSS的各种属性实现的。而Tab选项卡主要是靠书写JavaScript脚本来实现的，尽管有时候需要使用滑动门技术来改变其外观。 

  [color=red]注：整理自蓝色经典论坛 


转载请注明：睿美印象网站建设工作室www.ruimeiyx.com