动态二级栏目及滑动效果

前台页面及JS：

 

<asp:Repeater ID="RPTMenu" runat="server"> <ItemTemplate> <div class="help_td1" id="d<%# GetNum() %>" onmouseover="<%# GetNum2() %>" onmouseout="changethis(this)" onclick='<%# GetOnclick(Convert.ToInt32(Eval("id"))) %>'> <a href="/help/index.aspx?kind=<%# Eval(" mce_href="help/index.aspx?kind=&lt;%# Eval("id") %>&wuc=more&f=<%# GetNum3() %>"> <%# Eval("name") %> </a><img src="/images/ico_00.jpg" mce_src="images/ico_00.jpg" /> </div> </ItemTemplate> </asp:Repeater><mce:script language="javascript" type="text/javascript"><!-- var url=window.location.search; var pos=url.lastIndexOf("f="); var urlgg=url.substring(pos+2,url.length) var olddiv=document.getElementById("d1"); var dd; if(pos>0) { olddiv=document.getElementById(urlgg); dd=document.getElementById(urlgg);//当前选中项 } olddiv.className="help_td2"; function changebg(div) { div2=document.getElementById(div);//滑动项 //if(div2!=olddiv && div2.className=="aboutus_td1") //{ if(dd!=olddiv) { olddiv.className="help_td1"; } if(div2!=dd) { div2.className=div2.className=="help_td2"?"help_td1":"help_td2"; } olddiv=div2; //} } function changethis(div) { if(dd!=div) { div.className="help_td1"; } else { div.className="help_td2"; } } function onclickthis(id,f) { window.location.href="/help/index.aspx?kind="+id+"&wuc=more&f=d"+f; } // --></mce:script>

后台.cs代码：

private void BindMenu()
    {
        CMS.BLL.NewsKindManage km = new CMS.BLL.NewsKindManage();
        ArrayList al = km.GetChildKindList(195);
        km.SortField = "sort";
        this.RPTMenu.DataSource = al;
        this.RPTMenu.DataBind();
        al.Clear();
        km.Dispose();
    }
    int i = 1;
    public int GetNum()
    {
        return i++;
    }
    int j = 1;
    public string GetNum2()
    {
        return "changebg('d" + j++ + "')";
    }
    int k = 1;
    public string GetNum3()
    {
        return "d" + (k++);
    }
    int l = 1;
    public string GetOnclick(int id)
    {
        return "onclickthis(" + id + "," + (l++) + ")";
    }