同一页面转变就叫滑动门

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：VS 与bootstrap

作者：梁英豪

撰写时间：2019年6月18日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

同一页面转变就叫滑动门

通过题目大家都会知道什么叫滑动门了。

一目了然就能看得出来就是在相同的页面中可以通过按钮或者其它方式，能让在这个已经写好的页面切换到另一个页面，然而又创造一个页面。

这样一个页面就有两个门了。所以就称之为会滑动的门。

那滑动的门是怎么才能实现的呢？会不会感到很难做出来？

其实是有插件参考的。因为技术点就在插件上学不学得过来，就是个人的问题了。

第一步就是直接用一个容器把题目装进来。这样一个头部的按钮就可以完成了。

但是还要把所知道的讲一下。在container这个大容器里，存放着ul这个中容器。Li就是按钮的小容器啦。因为大家都知道a标签是一个按钮来的，题目就是在a标签里面产生。

按钮都安顿好了。那就来安顿一下按钮所对应的内容。因为一个按钮就有一个页面所以这次有两个按钮就要弄两个页面进行切换。

第二步就是安顿按钮区所对应的内容部分。这里就是说每个按钮有唯一的ID值。

第三部分就是显示样式部分了。样式也是一个很简单页面。蓝色区域部分是显示页面的部分。也就是按钮的部分了。右边的是另一个按钮。是可以切换的。下面的内容也是跟着变换的。