<div id="moreBrand" style="display:none;">  
                        <div class="mbTit" id="paginate_brandtab">
                            <i class="toc selected" id="one1" onclick="setTab('one',1,22)">A</i>
                            <i class="toc" id="one2" onclick="setTab('one',2,22)">B</i>
                            <i class="toc" id="one3" onclick="setTab('one',3,22)">C</i>
                            <i class="toc" id="one4" onclick="setTab('one',4,22)">D</i>
                            <i class="tocgrey">E</i>
                            <i class="toc" id="one5" onclick="setTab('one',5,22)">F</i>
                            <i class="toc" id="one6" onclick="setTab('one',6,22)">G</i>
                            <i class="toc" id="one7" onclick="setTab('one',7,22)">H</i>
                            <i class="tocgrey">I</i>
                            <i class="toc" id="one8" onclick="setTab('one',8,22)">J</i>
                            <i class="toc" id="one9" onclick="setTab('one',9,22)">K</i>
                            <i class="toc" id="one10" onclick="setTab('one',10,22)">L</i>
                            <i class="toc" id="one11" onclick="setTab('one',11,22)">M</i>
                            <i class="toc" id="one12" onclick="setTab('one',12,22)">N</i>
                            <i class="toc" id="one13" onclick="setTab('one',13,22)">O</i>
                            <i class="tocgrey">P</i>
                            <i class="toc" id="one14" onclick="setTab('one',14,22)">Q</i>
                            <i class="toc" id="one15" onclick="setTab('one',15,22)">R</i>
                            <i class="toc" id="one16" onclick="setTab('one',16,22)">S</i>
                            <i class="toc" id="one17" onclick="setTab('one',17,22)">T</i>
                            <i class="tocgrey">U</i>
                            <i class="tocgrey">V</i>
                            <i class="toc" id="one18" onclick="setTab('one',18,22)">W</i>
                            <i class="toc" id="one19" onclick="setTab('one',19,22)">X</i>
                            <i class="toc" id="one20" onclick="setTab('one',20,22)">Y</i>
                            <i class="toc" id="one21" onclick="setTab('one',21,22)">Z</i>
                            <i class="toc mList" id="one22" onclick="setTab('one',22,22)">全部</i>
                      </div>
                        <div class="mbBody" id="brandtab">
                            <div class="contentdiv" id="toc_one_1" style="display:block;">
                                <i><a href="##">奥迪</a>(191)</i>
                            </div>
                            <div class="contentdiv" id="toc_one_2" style="display:none;">
                                <i><a href="http://4s.pcauto.com.cn/shangjia/nb3/">本田</a>(688)</i>    
                            </div>
                            <div class="contentdiv" id="toc_one_3" style="display:none;">
                                <i><a href="http://4s.pcauto.com.cn/shangjia/nb110/">长城</a>(253)</i>      
                            </div>
                            <div class="contentdiv" id="toc_one_4" style="display:none;">
                                <i><a href="http://4s.pcauto.com.cn/shangjia/nb2/">大众</a>(874)</i>
                            </div>
                            <div class="contentdiv" id="toc_one_5" style="display:none;">
                                <i><a href="http://4s.pcauto.com.cn/shangjia/nb10/">丰田</a>(647)</i>
                            </div>
                            <div class="contentdiv" id="toc_one_6" style="display:none;">
                                <i><a href="http://4s.pcauto.com.cn/shangjia/nb571/">广汽</a>(26)</i>
                            </div>
                            <div class="contentdiv" id="toc_one_7" style="display:none;">
                                <i><a href="http://4s.pcauto.com.cn/shangjia/nb8/">海马</a>(277)</i>           
                            </div>
                            <div class="contentdiv" id="toc_one_8" style="display:none;">
                                <i><a href="http://4s.pcauto.com.cn/shangjia/nb83/">金杯</a>(206)</i>
                            </div>
                            <div class="contentdiv" id="toc_one_9" style="display:none;">
                                <i><a href="http://4s.pcauto.com.cn/shangjia/nb578/">开瑞</a>(167)</i>
                            </div>
                            <div class="contentdiv" id="toc_one_10" style="display:none;">
                                <i><a href="http://4s.pcauto.com.cn/shangjia/nb604/">理念</a>(379)</i>
                            </div>
                            <div class="contentdiv" id="toc_one_11" style="display:none;">
                                <i><a href="http://4s.pcauto.com.cn/shangjia/nb17/">马自达</a>(269)</i>
                            </div>
                            <div class="contentdiv" id="toc_one_12" style="display:none;">
                                <i><a href="http://4s.pcauto.com.cn/shangjia/nb623/">纳智捷</a>(4)</i>
                            </div>
                            <div class="contentdiv" id="toc_one_13" style="display:none;">
                                <i><a href="http://4s.pcauto.com.cn/shangjia/nb22/">欧宝</a>(32)</i>
                            </div>
                            <div class="contentdiv" id="toc_one_14" style="display:none;">
                                <i><a href="http://4s.pcauto.com.cn/shangjia/nb12/">起亚</a>(361)</i>
                            </div>
                            <div class="contentdiv" id="toc_one_15" style="display:none;">
                                <i><a href="http://4s.pcauto.com.cn/shangjia/nb15/">日产</a>(616)</i>
                            </div>
                            <div class="contentdiv" id="toc_one_16" style="display:none;">
                                <i><a href="http://4s.pcauto.com.cn/shangjia/nb69/">斯柯达</a>(240)</i>
         
                            </div>
                            <div class="contentdiv" id="toc_one_17" style="display:none;">
                                <i><a href="http://4s.pcauto.com.cn/shangjia/nb9/">天津一汽</a>(9)</i>
                            </div>
                            <div class="contentdiv" id="toc_one_18" style="display:none;">
                                <i><a href="http://4s.pcauto.com.cn/shangjia/nb24/">沃尔沃</a>(82)</i>
                            </div>
                            <div class="contentdiv" id="toc_one_19" style="display:none;">
                                <i><a href="http://4s.pcauto.com.cn/shangjia/nb34/">现代</a>(561)</i>                              
                            </div>
                            <div class="contentdiv" id="toc_one_20" style="display:none;">
                                <i><a href="http://4s.pcauto.com.cn/shangjia/nb28/">英菲尼迪</a>(32)</i>
                            </div>
                            <div class="contentdiv" id="toc_one_21" style="display:none;">
                                <i><a href="http://4s.pcauto.com.cn/shangjia/nb104/">中华</a>(21)</i>                             
                            </div>
                            <div class="contentdiv" id="toc_one_22" style="display:none;">
                                <i><a href="http://4s.pcauto.com.cn/shangjia/nb2/">大众</a>(874)</i>                            </div>
                        <div class="clear"></div>
                        </div>
                    <div class="clear"></div>
                    </div>
                     <!--全部品牌结束-->
                    <script type="text/javascript">
                        function setTab(name, cursel, n) {
                            for (i = 1; i <= n; i++) {
                                var menu = document.getElementById(name + i);
                                var con = document.getElementById("toc_" + name + "_" + i);
                                if (i == 22) {
                                    menu.className = i == cursel ? "toc mList selected" : "toc mList";
                                }
                                else {
                                    menu.className = i == cursel ? "toc selected" : "toc";
                                }
                                con.style.display = i == cursel ? "block" : "none";
                            }
                        }
                    </script>
上面的代码  用2个Repeater怎么搞定?   用一个Repeater怎么搞定  请教一下高手  我刚学这个没多久??

解决方案 »

  1.   

    你这前台的html有两种,我觉得至少得两个repeater,如果只用一个,我想知道你的后台数据是什么样的
      

  2.   

    我想这个,给个例子,最能帮助你解决问题!
    前台<asp:Repeater ID="NewMemberShowDataList" runat="server">
                            <ItemTemplate>
                                <li>
                                    <%if (Session["user"] == null)
                                      { %>
                                    <a href="FriendHomePage/FriendBasicInfo.aspx?hyid=<%#Eval("hyid")%>" target="_parent">
                                        <%} %>
                                        <%else
                                            { %>
                                        <a href="MakeFriends/AnnalISeeWho.aspx?hyid=<%#Eval("hyid")%>" target="_parent">
                                            <%} %>
                                            <img src="../<%#Eval("fmsmall")%>" width="90" height="112" alt="lovegw" /></a><p>
                                                <%#Eval("age")%>岁
                                                <%# country(Eval("Location").ToString (), Eval("Country").ToString ())%></p>
                                </li>
                            </ItemTemplate>
                        </asp:Repeater>后台    //显示最新会员
        public void NewMemberShow()
        {
            string sex1 = " ";
            string order = " order by fmstatus='未审核' asc,hyid desc";
            string top = " limit 12";
            NewMemberShowDataList.DataSource = memberManager.MemberSelectTiaoJian(sex1, order, top);
            NewMemberShowDataList.DataBind();
        }
      

  3.   

    每次看到这样的帖子我都想杀人···拜托你把重点代码标出来··搞那么多HTML代码有鸟用·
      

  4.   

    repeater菜单