JQuery實戰第三講小結（橫向縱向菜單）

1.頁面中的菜單項可以通過嵌套的ul和li來表示

2.菜單最外層為ul,一層每個主菜單放在一個li中，建立新的li中，如果有子菜單，在這個主菜單的li中建立新的ul,再一次嵌套嵌套即可構建多層的菜單。

3.瀏覽器中ul和li元素默認情況下文字前都有圓點標識符，li元素會有縮進。Opera瀏覽器比較特殊，li的標識符和其他瀏覽器不同。

4.list-style屬性值為none時，可以清楚ul和li前面的小圓點。

5.清楚子菜單的縮進值，需要padding和margin都為0，其中ie6和ie7只有margin也為0的時候才可以清楚縮進值。

6.可以使用background-p_w_picpath來制定一個元素的背景圖，如果背景圖比元素的實際大小要小，那么背景圖會自動在橫向和縱向上重復顯示，直到填充整個區域

7.可以使用background-repeat來控制背景圖的重復填充方式。

8.如果一個元素上同時定義了背景圖和背景色，那么有背景圖的地方是不會顯示背景色的。

9.text-decoration屬性值為none時，可以取消文字上的下劃線。

10.background-position可以控制背景圖的位置，屬性值既可以用數值，也可以用center，left，top這些值來控制橫向和縱向的位置。這個屬性的兩個值，第一個對應橫向，第二個對應縱向。

11.background-p_w_picpath的值為none表示是沒有背景圖。

12.background-repeat的值為no-repeat時，背景圖不會再所在的區域中重復顯示。

13.IE6意外的其他瀏覽器可以通過設定display的值為block來讓a元素充滿所在的區域。對于IE6，則需要設定display為inline-block，同時設定a的寬度。

14.display的值為none可以用于隱藏元素。

15..main a 和 .main >a 的不同之處，前者選擇使用了.main的這個class的元素內部所有的a節點，后者只選擇.main的子節點中的a節點。

16.show,hide方法可以用于顯示或隱藏元素，沒有參數時的效果和修改css的display屬性效果一樣。參數可以是單位為毫秒的數字，或者是'slow'，'normal'，'fast'這三個蚊子，都可以來控制完成現實或隱藏需要的元素。注意這時動畫效果是靠不斷改變元素的寬度和高度來實現的。

17.toggle方法更為強大，可以省去我們判斷元素是顯示還是隱藏的狀態，直接arango顯示的元素隱藏起來，隱藏的元素顯示出來。參數使用方法和show，hide相同。

18.slideDown，slideUp可以顯示向下或向上卷動的效果，實際上是通過指定時時間內修改元素的高度來實現動畫效果。需要注意的是這兩個方法參數為空的情況和show，hide不同。

19.slideToggle和toggle達到的效果類似。

20.DOCTYPE對于JQuery中的動畫是有影響的。沒有DOCTYPE定義時，在IE中，JQuery的動畫會出現閃爍的糟糕效果。

21.float的值時left，可以使原本各自位于一行的元素全部在一行中向左浮動。

22.可以給多個選擇器定義同樣的樣式，選擇器之間用，分割。同樣對于JQuery的$方法，也可以傳入多個選擇器。