最近在家待业，一边找工作，一边在学习Web前段的开发，刚好自己在玩一个站点，目前正在设计中，在PS中做好图后转化成页面，今天在碰到一个需要实现左侧Tab页面切换的效果，研究了一下，最终实现，在CSDN中记录下来，以备日后忘记查阅。
设计的最终效果图如下所示：
之所以选择使用Tab页面切换来显示页面中的内容是因为要显示的内容属于同一类型，内容能在该类型中很清晰的分组，这样有利于用户在浏览的时候有更好的比较跟选择，能在同一块显示区域显示更多的内容，有较好的体验，这仅仅是自己的想法，不一定正确。（btw：在网上称为滑动门在目前的网站中比较常见，这让我想起前不久还在职的时候经历的一个项目，决策者放佛迷恋这种效果，于是说能用滑动门都用滑动门，于是乎...）
首先PS中设计出上图，然后开始切图，主要切出左侧Tab页面即可，因为右边内容区域可设置容器的border来达到最终效果，切出52x32的图，有两个，切好后如下所示：
然后就开始形成最终要用的页面， 主要想法是左侧Tab条跟右侧内容区域ÿ
最低0.47元/天 解锁文章
998
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
