首页 > 技术交流 > js二级分类下拉展示点击当前分页展开显示其他隐藏
js二级分类下拉展示点击当前分页展开显示其他隐藏 2011-12-26
JS制作的产品二级分类下拉展示效果,点击当前分类显示相应的产品,当前分类下拉展开其他二级都隐藏。这作了个ASP的实例代码,可以参考看一下。
<%rs.open "select * from pro_xl where parentid=9 and havechild=true order by porder",conn,1,1
   i=0
   do while not rs.eof
   i=i+1
   %>
      <table width="259" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="46" height="24" class="pro_list_font" style="text-indent:29px">&gt;&gt;</td>
          <td width="213" align="left"  class="pro_name_font"><a href="#" onclick="if(document.getElementById('sxl<%=i%>').style.display=='none'){document.getElementById('sxl<%=i%>').style.display='block';}else{document.getElementById('sxl<%=i%>').style.display='none';}" ><%=rs("title")%></a></td>
        </tr>
      </table> 
      <div id="sxl<%=i%>" style="display:none">
       <%set rs1=getrs()
  rs1.open "select * from pro_xl where parentid="&rs("id")&" order by porder",conn,1,1
  do while not rs1.eof
   if request.QueryString("class_id")=cstr(rs1("id")) then
   %>
   <script>
            document.getElementById('sxl<%=i%>').style.display='block';
            </script>
   <%end if%>
          <table width="259" border="0" cellspacing="0" cellpadding="0" >
            <tr>
              <td width="46" height="24" class="pro_list_font" style="text-indent:29px"></td>
              <td width="213" align="left"  class="pro_name_font">&gt;&gt;<a href="products.asp?class_id=<%=rs1("id")%>" ><%=rs1("title")%></a></td>
            </tr>
          </table>    
          <%rs1.movenext
    loop
    rs1.close
    %>
          </div>
       <%rs.movenext
     loop
     rs.close
     %>   

上一篇:qq登录js与asp版 下一篇:nslookup命令的用法