二级(点击伸开)伸展动态菜单

原创 2016年06月02日 12:45:58

<!--#include file="ConnDB.asp"-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function hideAll() {
  for(i=0;i<odiv.length;i++) {
    odiv[i].style.display="none";
  }

function showObj(num) 
{
  
  if (odiv[num].style.display=="none") 
  {
    hideAll();
    odiv[num].style.display="inline";
  }
  else {
    odiv[num].style.display="none";
  }
}
</script>
<style type="text/css">
<!--
.divctrl01{
 cursor:hand;height:25px; /*控制一级类别高度*/
}
.divctrl02{
 cursor:hand;height:25px; /*控制二级类别高度*/
}
body,td,th {
 font-size: 12px;
}
body {
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
}
-->
</style>
</head>

<body>
 <%
Set rs=Server.CreateObject("ADODB.RecordSet")
sql="SELECT * from GoodsType where mintypeid=0 order by id asc"
rs.Open sql,conn,1,1
if Rs.eof and rs.bof then
Response.Write("没有分类")
Response.end
else
i=0
do while not rs.eof   
 %>
 
<div onClick="showObj(<%= i %>)" class="divctrl01">&nbsp;+&nbsp;<b><%= rs("type") %></b></div>
<div id="odiv" style="display:none" >
<%
        Set rs2=Server.CreateObject("ADODB.RecordSet")
        sql2="SELECT * from GoodsType where mintypeid="&rs("id")&"  order by id desc"
        rs2.Open sql2,conn,1,1
        if Rs2.eof and  rs2.bof then
  Response.Write("")
  else
  
  j=0
        do while not rs2.eof 
 %>
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="25">&nbsp;</td>
    <td height="25"><a href="products.asp?id=<%= rs2("id") %>&typen=<%= rs("type") %>"><%= rs2("mintype") %></a></td>
  </tr>
</table>

<%
      rs2.movenext
      loop
   j=j+1
      end if
      rs2.close
      set rs2=nothing
 %>
</div>
<%
i=i+1
rs.movenext
loop
end if
rs.close
set rs=nothing
 %>
</body>
</html>

版权声明:本文为博主原创文章,未经博主允许不得转载。

jq与JS点击显示隐藏二级菜单的几种方法

喇叭裤 //初始化一个二级菜单显示 短裤1 短裤 短裤 ...
  • SuperCoooooder
  • SuperCoooooder
  • 2016年02月27日 15:16
  • 8578

jQuery实例(ajax通信和动态加载二级菜单)

今天是复习jQuery的最后一天,基本常用技术已全部练习,以后遇到不会的可查文档。总的来说,jQuery的出现,在写前端代码时省事了好多。 one.jsp "> ...
  • zuosixiaonengshou
  • zuosixiaonengshou
  • 2017年03月18日 20:57
  • 926

最简单的纯js实现点击展开二级菜单功能

虽然,jQuery已经非常好用了,但是实际的开发项目中,还是有很多限制,比如项目组奇葩的要求,不能使用任何插件,当然,也是考虑插件占用资源,毕竟100+KB对与小型项目来说还是非常大的。我最近就遇到做...
  • well2049
  • well2049
  • 2017年05月16日 08:39
  • 864

Python+Selenium 操作示例——鼠标悬停显示二级菜单,再点击二级菜单或下拉列表

1、操作示例——鼠标悬停显示二级菜单,再点击二级菜单或下拉列表 # encoding=utf-8 from selenium import webdriver from selenium.w...
  • qq_18808965
  • qq_18808965
  • 2017年07月21日 16:17
  • 613

html二级菜单动画逐渐收缩或显示

动画效果类似这个网站的(= =不是广告,找不到其他的了) http://www.17sucai.com/pins/demoshow/242 具体实现: 动画菜单 * {...
  • C_jian
  • C_jian
  • 2016年10月28日 00:00
  • 1163

Jquery控制点击时一、二级菜单自由隐藏与出现

Jquery控制网页一二级菜单在点击时级联显示。
  • houqingdong2012
  • houqingdong2012
  • 2013年07月07日 14:00
  • 6176

jQuery中,选中一级菜单,二级菜单自动出现的js代码

其实这个不难。 账号管理 账号注册 ...
  • chaplinlong
  • chaplinlong
  • 2016年04月28日 17:31
  • 1042

asp.net二级菜单导航 实例

.aspx代码如下: $(document).ready(function () { $("a.m0").mouse...
  • yayun0516
  • yayun0516
  • 2014年12月08日 22:07
  • 2438

Selenium操作示例——鼠标悬停显示二级菜单,再点击二级菜单或下拉列表

这两天在玩python中selenium,遇到一个问题,就是鼠标移动到页面中某按钮或菜单,自动弹出二级菜单或下拉菜单,再自动点击其中的二级菜单或下拉列表。 首先,手工操作:打开母校的主页:http:/...
  • hh2049
  • hh2049
  • 2017年06月20日 22:35
  • 2305

实现ExpandableListView 二级列表,点击二级条目状态的改变

概述顾名思义,ExpandableListView就是可扩展的ListView,主要用于多级列表,适用于购物车、信息查询、部门信息等场景。重要API:expandGroup (int groupPos...
  • BlueOcean2016
  • BlueOcean2016
  • 2016年04月09日 17:17
  • 1639
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:二级(点击伸开)伸展动态菜单
举报原因:
原因补充:

(最多只允许输入30个字)