早上临时接到需求，需求做一个类似下面的这样的页面，没有UI自己就折腾了一个页面，主要分享下自己的思路，切换菜单下面的线是我用border-bottom实现的还有右边的文字，都是通过js来动态改变，其实就是点击事件的时候根据需求改变罢了，下面我上效果图跟代码部分。

七牛云到期截图部分已经失效 抱歉

效果图

html代码部分

Js代码部分

这里说下，如果你只是改变文字就直接$(‘.xxx’).text(‘文字’)，由于我用的jq就直接$符号了。