JQuery實戰(zhàn)第三講小結(jié)（橫向縱向菜單）

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

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

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來制定一個元素的背景圖，如果背景圖比元素的實際大小要小，那么背景圖會自動在橫向和縱向上重復顯示，直到填充整個區(qū)域

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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