一个简单的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>