導航:首頁 > 萬維百科 > 網頁設計二級聯動

網頁設計二級聯動

發布時間: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;防止整體布局變形。
注意:定位做好,就不會變形。

與網頁設計二級聯動相關的知識