HTML JS CSS 實現下拉列表

5.7製作的思路是：1.靜態網頁的製作 2.動態特效實現選單的顯示和隱藏（三種方法：css、j**ascript、jquery） 3.瀏覽器的相容問題（低版本ie可能不支援等）

在用css實現時，由於盒子模型有自己預設的margin和padding值，所以要reset。

要在二級選單變化的時候，一級選單不受影響。

隱藏下拉列表 display:none

我的**：

1

doctype html
>
2<
html 
lang
="en"
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
title
>document
title
>
6<
style 
type
="text/css"
>7*
1112
#n**
1819
ul22
23ul li28a
34a:hover
3839
ul li ul li
4445
ul li ul
4950
ul li ul li a:hover
5455
ul li:hover ul
5859
style
>
60head
>
61<
body
>
62<
div 
id="n**"
>
63<
ul>
64<
li><
a href
="#"
>home
a>
li>
65<
li><
a href
="#"
>star wars
a>
66<
ul>
67<
li><
a href
="#"
>darth vader
a>
li>
68<
li><
a href
="#"
>luke
a>
li>
69ul
>
70li
>
71<
li><
a href
="#"
>doctor who
a>
72<
ul>
73<
li><
a href
="#"
>10th
a>
li>
74<
li><
a href
="#"
>11th
a>
li>
75ul
>
76li
>
77<
li><
a href
="#"
>the matrix
a>
li>
78<
li><
a href
="#"
>about us
a>
li>
79ul
>
80div
>
81body
>
82html
>

2016-05-08 22:40:08

今天用的實j**ascript方法來實現下拉列表，主要使用到的實onmouseover事件、onmouseout事件，function定義函式

寫下來我最大的心得是，使用css只用一行**就可以實現了，但是j**ascript的工作量卻大得多，所以可能在實際中是下拉列表這種比較簡單的工作，還是適合用css來實現。

css實現下拉列表

為什麼要用下拉列表，因為有動態效果而且可看可不看的，我認為使用下拉列表對我們的頁面有美化作用。怎麼實現？首先思路就是使用display屬性來進行控制，這是網頁設計非常重要的屬性之一。關於display屬性，我們應該要知道它具體的屬性值和作用。因為屬性值較多，我列舉常用的幾個屬性 屬性值作用 none...

VSTA InfoPath如何實現下拉列表聯動

最近使用infopath開發點東西，想實現兩個下拉列表實現聯動。需求如下 下拉列表field1值為a時，下拉列表field2選項有a1 a2 下拉列表field1值為b時，下拉列表field2選項由b1 b2 下面我們開始設計表單。1 建立兩個下拉列表 field1 field2 2 field1列...

HTML用DIV CSS實現下拉列表

html pages portfolio blog shop features css body title title h1 title ul title ul li title ul li a title ul li a hover home ul title home ul li title ...