摘要：
效果如下： html部分 结构分为两部分 第一部分是选择点击的按钮部分 第二部分是被选择后所显示的内容的部分 由于要逐一显示，所以就使用display：none；隐藏。 css部分 关于这部分，其实最大的问题就是尺寸的问题，即便想嫁接，也会因尺寸不合而修改。 况且因效果图的不同，往往样式本身就得重新 阅读全文
摘要：
效果如下： 代码如下： 先是html部分，也就是ul>li>a+ul>li的嵌套 然后是css样式 先无视嵌套里的ul，可以通过display：none；将其隐藏。 总之就利用float：left；让li横向排列。 事实上，纵向排列就不需要这float：left；或直接用float：none；覆盖。 阅读全文