jquery實戰(zhàn)第四講標簽頁效果_W

1、 絢麗效果教你做之JQuery實戰(zhàn) 標簽頁效果 ITCAST簽約講師王興魁 ITCAST版權所有 JQuery實戰(zhàn)z本次課程實例展示 Page 10 ITCAST版權所有z請大家注意，由于錄制軟件本身的問題，視頻中無法看到鼠標的手型效果 ，且鼠標的位置稍微有偏差。課程中提到的瀏覽器兼容問題大家可以在自己的本地用不同的瀏覽器來測試對比 z本節(jié)學到的JQuery及其他開發(fā)知識： z1.一組標簽用一個ul來管理，每一個標簽是ul中的一個li；標簽下面的內容就是用div來管理 z2.跟在浮動元素（float）之后的元素會圍繞著 浮動元素，如果不希望有這種圍繞，可以在浮動元素之后的那個元素上定義clea

2、r屬性， 來清除這種效果。 z3.實現(xiàn)當前標簽和內容區(qū)域的融合，可以通過 使用相同的背景色，外加當前標簽使用同顏色的邊框來實現(xiàn)。 z本節(jié)學到的JQuery及其他開發(fā)知識： z4.JQuery中的mouseover，mouseout方法對 應 標 準 javascript 的 onmouseover， onmouseout ，可以處理鼠標進入和離開的。 z5.在一個包含了多個元素的JQuery對象上執(zhí) 行each方法，可以注冊給each方法的那個function的內容被每一個元素執(zhí)行。同時這個function還可以接收到一個參數(shù)，表示這個元素 的索引值。 JQuery中的很多方法也用到了each

3、z本節(jié)學到的JQuery及其他開發(fā)知識： z6.eq方法可以根據(jù)索引值只得到JQuery對象 中包含的多個元素中的某一個元素，并仍然返回元素對應的新JQuery對象。 z7.選擇器中使用eq，例如$(“div:eq(1)”)z8.addClass和removeClass方法用于添加和移 除元素的class定義。 z9.Javascript中的setTimeout方法可以延時執(zhí) 行某些代碼，對應的clearTimeout可以清除設定的延時操作。 z本節(jié)學到的JQuery及其他開發(fā)知識： z10.做一個AJAX應用的時候，可以考慮現(xiàn)在 FireFox上調試通過，然后再到其他瀏覽器中進行檢查，并修正

4、可能的兼容性問題。 z11.cursor屬性可以控制元素上的鼠標樣式， pointer的屬性值表示手型樣式，也就是我們常見的鏈接鼠標樣式 z12.position屬性可以控制元素定位的方式，值 為relative時表示相對原來的位置進行定位?？梢酝ㄟ^設定top，left，bottom，right的值來控 制元素相對原來的位置進行移動 z本節(jié)學到的JQuery及其他開發(fā)知識： z13.z-index可以控制元素在頁面中的層高，值 越大就會在頁面的層越靠前，也就會覆蓋住 一些z-index值較低的元素。只有position的值為relative或absolute的元素，z-index才會生效。 z

5、14.JQuery中的load方法十分強大，可以把一 個指定的靜態(tài)，動態(tài)頁面或服務器端程序輸出的數(shù)據(jù)裝入到執(zhí)行l(wèi)oad方法的JQuery對象包裝著的元素中。 z本節(jié)學到的JQuery及其他開發(fā)知識： z15.load方法還支持部分裝載，在裝入的頁面 地址后面加空格，然后使用選擇器，就可以把頁面中符合選擇器的部分裝入進來。 z16.被load的頁面一定要是UTF-8編碼的，否 則裝入后中文會出現(xiàn)亂碼。 z17.bind可以用于給指定的節(jié)點綁定Javascript的 或JQuery中定義的 。對于JQuery 中沒有直接提供注冊方法的 ，可以用這種方式注冊。方法的第二個參數(shù)可以是 執(zhí)行的方法定義。 z本節(jié)學到的JQuery及其他開發(fā)知識： z18.ajaxStart，ajax