直播软件开发，手写导航栏切换页面

<style><br>    .container {<br>        width: 100%;<br>        letter-spacing: 1px;<br>    }<br>    .navBox{<br>        width: 1200px;<br>        margin: 0 auto;<br>        padding: 70px;<br>        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);<br>        border: 1px solid #ddd;<br>        display:none;<br>    }<br>    .navItem0 {<br>        display:block;<br>    }<br>    .left {<br>        float: left;<br>    }<br>    .toggleBox {<br>        width: 100%;<br>    }<br>    .toggleBox div {<br>        padding: 0 20px;<br>        text-align: center;<br>        cursor: pointer;<br>        height: 47px;<br>        line-height: 47px;<br>        font-weight: bold;<br>    }<br>    .navItem {<br>        border-right: 1px solid #ddd;<br>        color: #666;<br>        border-bottom: 2px solid #ccc;<br>        background: linear-gradient(0deg, #FEFEFE, #FEFEFE);<br>        box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.15);<br>    }<br>    .activeCur {<br>        padding: 0 30px !important;<br>        color: #F61067;<br>        border: 1px solid #F61067;<br>        border-bottom: 2px solid #F61067;<br>    }<br></style><br><div class="container"><br>    <div style="width:1340px;height:50px;margin:0 auto;"><br>        <div class="toggleBox left"><br>        </div><br>    </div><br>    <div class="containerBox"><br>    </div><br></div><br>@Scripts.Render("http://libs.baidu.com/jquery/1.7.1/jquery.min.js")<br><script><br>    $(function () {<br>        var navList = ['音位习得评估记录表','声母音位习得评估分析表','音位对比能力评估记录表','音位对比能力评估分析表','声母音位对比和构音清晰度分析表'];<br>        var strHtml = '';<br>        var strContainer = '';<br>        $('.toggleBox').empty();<br>        $('.containerBox').empty();<br>        for (var i = 0; i < navList.length; i++) {<br>            strHtml += '<div curBox="navItem' + i + '"  class="left'<br>            if(i == 0){<br>             strHtml +=' activeCur '<br>            }<br>            strHtml += ' navItem">'<br>            strHtml += '<span>' + navList[i]+ '</span>'<br>            strHtml += '</div>'<br>            strContainer += '<div class="navBox navItem' + i + '">' + i + '</div>'<br>        }<br>        $('.toggleBox').append(strHtml)<br>        $('.containerBox').append(strContainer)<br>        $('.navItem').click(function () {<br>            $(this).siblings().removeClass('activeCur');<br>            $(this).addClass('activeCur');<br>            $('.' + $(this).attr('curBox')).show();<br>            $('.' + $(this).attr('curBox')).siblings().hide();<br>        })<br>    })<br></script>