导航:首页 > 万维百科 > 网页设计二级联动

网页设计二级联动

发布时间:2021-03-10 23:28:02

1、dreamweaver 怎么制作三级联动下拉菜单 ??????????(数据库MDB格式的)

建议先不涉及数据库,不然会非常麻烦。先介绍一个二级下拉,然后可以自己拓展为三级。

一般情况下这种情况是来对二级的目录有用,对于现在网站流传的JS好多种,但都无外乎那些令像我这样的菜鸟晕头转向的JS代码。。一下子for...一下子array的。

首先得建一个表,当然,如果你的表中就已经建好目录的话,那这一步可以省略了。但有一点要提醒:这个表是我这个例子的使用依据(不知道这样说对不对)。

由于我用的表是ACCESS的,所以建表就不说了,只列出这个两个表的相应的字段名(数据库名:db.mdb):

表名:type_tree ——父类
字段:type_id(自动编号) type_name(类别名称)

表名:s_type ——子类
字段:id(自动编号) s_name(子类别名称) type_id(父类ID)——与父类表相对应

现在是建立数据库连接:

Dim conn, connStr

Set conn = server.CreateObject("ADODB.Connection")connStr = "Provider = Microsoft.jet.oledb.4.0;"connStr = connStr & "Data Source = " & server.mappath("db.mdb")Conn.Open connStr

以上代码应当不用再解释了吧,都是大家常用的代码。。

现在进入实质性的操作:)

二级关联菜单一般情况下都是以下拉菜单来做,这里我也不例外,一样用下拉菜单来做。
只不过这里有一个地方不一样哦。

就是一个用的是跳转菜单,这一点很重要,成功与否全看这个菜单有没有用对!以下是这个跳转菜单的代码!

<select name="first" onChange="MM_jumpMenu('parent',this,0)">
<%
sql = "select [type_id],[type_name] from [type_tree]"
set rs = conn.execute(sql)'取得父类的ID及名称
if rs.eof or rs.bof then
response.write "<option>-----</option>" '如果没有记录,就显示-----
else
while not(rs.eof or rs.bof) '有记录,就将父名称列出来,形成下拉。
response.write ("<option value='?sec=" & rs(0) & "'")
if cstr(rs(0)) = request.querystring("sec") then
response.write "selected"
end if
response.write (">" & rs(1) & "</option>")
rs.movenext
wend
rs.movefirst '将游标移到第一条,以备下面之用。
end if
%>
</select>

哦,对了,还有一段代码忘了贴出来了,这个是跳转菜音的关键啊,看我粗心的!补上补上:

<script language="javascript" type="text/javascript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>

以上代码贴到<head>里,是DW生成,我看不太懂什么意思,所以不注解了。现在是菜单的二级部分,这里不是用跳转菜单,只是一个列表罢了,所以代码跟上面的跳转菜单也就差一个onchange这个函数。

以下是这个菜单的代码,由于循环跟判断相对上面来说复杂一些,大伙要看清楚一点哦。

<select name="second">

<%if rs.eof or rs.bof then
response.write ("<option>--------</option>")
else
if request.querystring("sec") = "" then '获取跳转之后的sec值
temp=rs(0) 如果为空,就把temp的值设为第一条记录的值
else
temp = request.querystring("sec") '否则就为收到的值
end if
subsql = "select [s_name] from [s_type] where type_id='"&temp&"'"
set subrs = conn.execute(subsql) '列出一切资料为temp的记录
if subrs.eof or subrs.bof then
response.write ("<option>-----</option>")
'如果没有记录,则在这个列表中显示"-----"
else
while not(subrs.eof or subrs.bof)'否则就用循环列出一切符合条件的记录。
response.write ("<option value=" & subrs(0) & ">" & subrs(0) & "</option>")
subrs.movenext
wend
end if
end if
'关闭所有的记录集
subrs.close
set subrs = nothing
rs.close
set rs = nothing
conn.close
set conn = nothing
%>
</select>

到现在为止,已经将这个二级菜单的制过程做完了,很简单的一个看把我给说的。大家看不懂再说吧,反正我已经不知道该怎么说了。高手们不吝赐教啊。

2、excel2013一级二级三级下拉菜单怎么做

一、Excel一级下拉菜单制作
例如在A1:A10单元格制作一个下拉列表菜单,步骤如下:
选中A1:A10单元格,选择“数据—有效性”,进行如图所示设置即可,其中来源中的每一项要用英文逗号隔开。
设置好以后,在A1:A10单元格就能进行下拉选择了,如图所示:
二、Excel二级下拉菜单制作

例如在A1:A10和B1:B10单元格制作二级联动下拉列表菜单,步骤如下:
1、在表中输入需联动下拉选择的信息,如图所示(其中省份是一级下拉选项,市名是二级下拉选项):
2、选中E1:F1单元格,选择“插入—名称—定义”,输入名称如“省份”,如图所示:

3、选中E1:F3单元格,选择“插入—名称—指定—首行”,如图所示:

4、选中A1:A10单元格,选择“数据—有效性”,进行如图所示设置即可,其中来源中输入=省份

5、选中B1:B10单元格,选择“数据—有效性”,进行如图所示设置即可,其中来源中输入=INDIRECT($A1)

设置好以后,在A1:A10和B1:B10单元格就能实现联动下拉选择了,如图所示:

三、Excel三级下拉菜单制作

例如在A1:A10和B1:B10和C1:C10单元格制作三级联动下拉列表菜单,步骤如下:
1、在表中输入需联动下拉选择的信息,如图所示(其中省份是一级下拉选项,市名是二级下拉选项,县名是三级下拉选项):
2、选中E1:F1单元格,选择“插入—名称—定义”,输入名称如“省份”,如图所示:

3、选中E1:F3单元格,选择“插入—名称—指定—首行”,如图所示:

4、选中E5:H7单元格,选择“插入—名称—指定—首行”,如图所示:

5、选中A1:A10单元格,选择“数据—有效性”,进行如图所示设置即可,其中来源中输入=省份

6、选中B1:B10单元格,选择“数据—有效性”,进行如图所示设置即可,其中来源中输入=INDIRECT($A1)

7、选中C1:C10单元格,选择“数据—有效性”,进行如图所示设置即可,其中来源中输入=INDIRECT($B1)
设置好以后,在A1:A10和B1:B10和C1:C10单元格就能实现联动下拉选择了,如图所示:
四、Excel多级下拉菜单制作

3、html网页下拉菜单设计问题

left: -999em 应该是无限的向左缩进吧 你又写了left:5px; 应该是和其他的样式表属性有冲突仔细检查下吧 用firebug 很简单的说

4、Excel2010 如何制作不同列 显示不同的下拉菜单?

这个其实就是联动的二级菜单的拓展应用,首先自定义名称,再在二级菜单设置来源时引用这个自定义名称就可以了,

二级菜单应用可以参考以下链接

网页链接

网页链接

举例如下:假设A列是数据A,B列是数据B

第一步,先自定义名称:数据A、数据B

第二步,在C列设置数据验证(低版本叫数据有效性)

5、网页制作,慢慢下拉的菜单怎么做?

这个效果你可以通过2中途径实现,使用框架或者是使用JavaScript代码。

1.使用框架:查找框架中的二级菜单组建,如Bootstrap中的导航条中的二级菜单。下面的是一个二级下拉菜单的例子


<nav class="navbar navbar-default">
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
        <li><a href="#">Link</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </li>
      </ul>
      
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

详细内容参见http://v3.bootcss.com/components/#navbar

2.使用JavaScript代码。使用jQuery的动画实现,如slideToggle()可使元素上下滑动,并且可以使用参数控制快慢。

<script>
//ID menu是点击的以及菜单,触发的是点击事件,当然可以换成hover事件,ID submenu是二级菜单层。
$("#menu").click(function(){
    $("#submenu").slideToggle();
});
</script>

slideToggle()请参考http://www.w3school.com.cn/jquery/jquery_slide.asp

6、请问网页制作里的联动菜单是什么意思?

联系菜单就是当你选择了某个一级菜单时,与之相应的二级菜单也随之而变。

7、网页设计里面选择了省份如何能直接对应相对应的城市,而不要把其他多余的城市也显示出来

这属于二级联动菜单,需要使用js来完成。

一般实际中用省,市,县三级联动菜单比较多。
请问你js掌握的如何。
省,市,县三级联动菜单内容比较多,所以可以从网上直接下载一个修改样式后使用

8、在JSP网页中制作一个使用select 和 option标签组合而成的查询条件,有两个问题:

你这说的不就是传说中的二级联动嘛。
你百度一下耳机联动的代码。
就什么都明白了。!

9、求制作一简单网页,

一个简单的个人主页网页制作作业.......

10、如何使用Dreamweaver制作二级联动菜单?

最简单的方法:

从网上找到二级联动JS代码,插入想要实现的位置后,用CSS对DIV进行装饰和修改。
常用方法原理:
<li></il>里面套一个<ul><li></li></ul>,然后在样式中将其隐藏,隐藏方法是一级菜单设置好固定大小和宽度,加上overflow:hidden(多余隐藏),当鼠标滑过时(.hover{}),去掉代码,而且之前要做好相对定位position:relative;防止整体布局变形。
注意:定位做好,就不会变形。

与网页设计二级联动相关的知识