-
工具提示插件——tooltip 工具提示插件可以定制元素的提示外觀,提示內(nèi)容支持變量、Ajax遠(yuǎn)程獲取,還可以自定義提示內(nèi)容顯示的位置,它的調(diào)用格式如下: $(selector).tooltip({options}); 其中selector為需要顯示提示信息的元素,可選項參數(shù)options為tooltip()方法的配置對象,在該對象中,可以設(shè)置提示信息的彈出、隱藏時的效果和所在位置。查看全部
-
微調(diào)按鈕插件——spinner 微調(diào)按鈕插件不僅能在文本框中直接輸入數(shù)值,還可以通過點擊輸入框右側(cè)的上下按鈕修改輸入框的值,還支持鍵盤的上下方向鍵改變輸入值,調(diào)用格式如下: $(selector).spinner({options}); selector參數(shù)為文本輸入框元素,可選項options參數(shù)為spinner()方法的配置對象,在該對象中,可以設(shè)置輸入的最大、最小值,獲取改變值和設(shè)置對應(yīng)事件。查看全部
-
菜單工具插件——menu 菜單工具插件可以通過<ul>創(chuàng)建多級內(nèi)聯(lián)或彈出式菜單,支持通過鍵盤方向鍵控制菜單滑動,允許為菜單的各個選項添加圖標(biāo),調(diào)用格式如下: $(selector).menu({options}); selector參數(shù)為菜單列表中最外層<ul>元素,options為menu()方法的配置對象。 通過<ul>內(nèi)嵌的方式,構(gòu)建一個三層結(jié)構(gòu)的導(dǎo)航菜單,將<li>元素的class屬性值設(shè)為“ui-state-disabled”,可將菜單選項置為不可用狀態(tài)。查看全部
-
對話框插件——dialog 對話框插件可以用動畫的效果彈出多種類型的對話框,實現(xiàn)JavaScript代碼中alert()和confirm()函數(shù)的功能,它的調(diào)用格式為: $(selector).dialog({options}); selector參數(shù)為顯示彈出對話框的元素,通常為<div>,options參數(shù)為方法的配置對象,在對象中可以設(shè)置對話框類型、“確定”、“取消”按鈕執(zhí)行的代碼等。查看全部
-
選項卡插件——tabs 使用選項卡插件可以將<ul>中的<li>選項定義為選項標(biāo)題,在標(biāo)題中,再使用<a>元素的“href”屬性設(shè)置選項標(biāo)題對應(yīng)的內(nèi)容,它的調(diào)用格式如下: $(selector).tabs({options}); selector參數(shù)為選項卡整體外圍元素,該元素包含選項卡標(biāo)題與內(nèi)容,options參數(shù)為tabs()方法的配置對象,通過該對象還能以ajax方式加載選項卡的內(nèi)容。 在tabs()方法的配置對象中,通過“fx”屬性設(shè)置了選項卡切換時的效果,“event”屬性設(shè)置鼠標(biāo)也可以切換選項卡,因此,當(dāng)鼠標(biāo)在移動至兩個選項卡標(biāo)題時,對應(yīng)內(nèi)容以動畫的效果自動切換。查看全部
-
面板折疊插件——accordion 面板折疊插件可以實現(xiàn)頁面中指定區(qū)域類似“手風(fēng)琴”的折疊效果,即點擊標(biāo)題時展開內(nèi)容,再點另一標(biāo)題時,關(guān)閉已展開的內(nèi)容,調(diào)用格式如下: $(selector).accordion({options}); 其中,參數(shù)selector為整個面板元素,options參數(shù)為方法對應(yīng)的配置對象。查看全部
-
拖曳排序插件——sortable 拖曳排序插件的功能是將序列元素(例如<option>、<li>)按任意位置進(jìn)行拖曳從而形成一個新的元素序列,實現(xiàn)拖曳排序的功能,它的調(diào)用格式為: $(selector).sortable({options}); selector參數(shù)為進(jìn)行拖曳排序的元素,options為調(diào)用方法時的配置對象,查看全部
-
放置插件——droppable 除使用draggable插件拖曳任意元素外,還可以調(diào)用droppable UI插件將拖曳后的任意元素放置在指定區(qū)域中,類似購物車效果,調(diào)用格式如下: $(selector).droppable({options}) selector參數(shù)為接收拖曳元素,options為方法的配置對象,在對象中,drop函數(shù)表示當(dāng)被接收的拖曳元素完全進(jìn)入接收元素的容器時,觸發(fā)該函數(shù)的調(diào)用。查看全部
-
拖曳插件——draggable 拖曳插件draggable的功能是拖動被綁定的元素,當(dāng)這個jQuery UI插件與元素綁定后,可以通過調(diào)用draggable()方法,實現(xiàn)各種拖曳元素的效果,調(diào)用格式如下: $(selector). draggable({options}) options參數(shù)為方法調(diào)用時的配置對象,根據(jù)該對象可以設(shè)置各種拖曳效果,如“containment”屬性指定拖曳區(qū)域,“axis”屬性設(shè)置拖曳時的坐標(biāo)方向。查看全部
-
自定義類級別插件—— twoaddresult 通過調(diào)用自定義插件twoaddresult中的不同方法,可以實現(xiàn)對兩個數(shù)值進(jìn)行相加和相減的運算,導(dǎo)入插件后,調(diào)用格式分別為: $.addNum(p1,p2) 和 $.subNum(p1,p2) 上述調(diào)用格式分別為計算兩數(shù)值相加和相減的結(jié)果,p1和p2為任意數(shù)值。 例如,在頁面的兩個文本框中輸入任意數(shù)值,點擊“計算”按鈕調(diào)用自定義插件中$.addNum()方法,計算兩數(shù)值的和并將結(jié)果顯示在另一文本框中查看全部
-
自定義對象級插件——lifocuscolor插件 自定義的lifocuscolor插件可以在<ul>元素中,鼠標(biāo)在表項<li>元素移動時,自定義其獲取焦點時的背景色,即定義<li>元素選中時的背景色,調(diào)用格式為: $(Id).focusColor(color) 其中,參數(shù)Id表示<ul>元素的Id號,color表示<li>元素選中時的背景色。查看全部
-
右鍵菜單插件——contextmenu 右鍵菜單插件可以綁定頁面中的任意元素,綁定后,選中元素,點擊右鍵,便通過該插件彈出一個快捷菜單,點擊菜單各項名稱執(zhí)行相應(yīng)操作,調(diào)用代碼如下: $(selector).contextMenu(menuId,{options}); Selector參數(shù)為綁定插件的元素,meunId為快捷菜單元素,options為配置對象。查看全部
-
搜索插件——autocomplete 搜索插件的功能是通過插件的autocomplete()方法與文本框相綁定,當(dāng)文本框輸入字符時,綁定后的插件將返回與字符相近的字符串提示選擇,調(diào)用格式如下: $(textbox).autocomplete(urlData,[options]); 其中,textbox參數(shù)為文本框元素名稱,urlData為插件返回的相近字符串?dāng)?shù)據(jù),可選項參數(shù)options為調(diào)用插件方法時的配置對象。查看全部
-
jq的cookie插件 使用cookie插件后,可以很方便地通過cookie對象保存、讀取、刪除用戶的信息,還能通過cookie插件保存用戶的瀏覽記錄,它的調(diào)用格式為: 保存:$.cookie(key,value);讀?。?.cookie(key),刪除:$.cookie(key,null) 其中參數(shù)key為保存cookie對象的名稱,value為名稱對應(yīng)的cookie值。查看全部
-
a標(biāo)簽里需要設(shè)置屬性:id="jqzoom" title="some.."查看全部
舉報
0/150
提交
取消