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

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

效果图

html代码部分

Js代码部分

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