一个简单的JS分页签，多个可做循环处理

    <script type="text/javascript" >
    function showtab(n) {
        if (n == 1) {
            document.getElementById("list1_1").style.display = "block";
            document.getElementById("list1_2").style.display = "none";
            document.getElementById("tab1").className = "on";
            document.getElementById("tab2").className = "";
            
        }
        else  {

            document.getElementById("list1_1").style.display = "none";
            document.getElementById("list1_2").style.display = "block";
            document.getElementById("tab1").className = "";
            document.getElementById("tab2").className = "on";
        }
    }

</script>

                    <div class="lft subMenu">
                        <a href="#"  class="on" id="tab1" onclick="showtab(1)">页签1</a>
                        <a href="#" id="tab2" onclick="showtab(2)">页签2</a>
                    </div>

 

 <div id="list1_1">页签111111内容 </div>

 <div id="list1_2">页签222222内容 </div>