-
獲取瀏覽器的名稱與版本信息 在jQuery中，通過$.browser對(duì)象可以獲取瀏覽器的名稱和版本信息，如$.browser.chrome為true，表示當(dāng)前為Chrome瀏覽器，$.browser.mozilla為true，表示當(dāng)前為火狐瀏覽器，還可以通過$.browser.version方式獲取瀏覽器版本信息。查看全部
-
工具提示插件——tooltip 工具提示插件可以定制元素的提示外觀，提示內(nèi)容支持變量、Ajax遠(yuǎn)程獲取，還可以自定義提示內(nèi)容顯示的位置，它的調(diào)用格式如下： $(selector).tooltip({options}); 其中selector為需要顯示提示信息的元素，可選項(xiàng)參數(shù)options為tooltip()方法的配置對(duì)象，在該對(duì)象中，可以設(shè)置提示信息的彈出、隱藏時(shí)的效果和所在位置。查看全部
-
菜單工具插件——menu 菜單工具插件可以通過<ul>創(chuàng)建多級(jí)內(nèi)聯(lián)或彈出式菜單，支持通過鍵盤方向鍵控制菜單滑動(dòng)，允許為菜單的各個(gè)選項(xiàng)添加圖標(biāo)，調(diào)用格式如下： $(selector).menu({options}); selector參數(shù)為菜單列表中最外層<ul>元素，options為menu()方法的配置對(duì)象。查看全部
-
對(duì)話框插件——dialog 對(duì)話框插件可以用動(dòng)畫的效果彈出多種類型的對(duì)話框，實(shí)現(xiàn)JavaScript代碼中alert()和confirm()函數(shù)的功能，它的調(diào)用格式為： $(selector).dialog({options}); selector參數(shù)為顯示彈出對(duì)話框的元素，通常為<div>，options參數(shù)為方法的配置對(duì)象，在對(duì)象中可以設(shè)置對(duì)話框類型、“確定”、“取消”按鈕執(zhí)行的代碼等。查看全部
-
面板折疊插件——accordion 面板折疊插件可以實(shí)現(xiàn)頁面中指定區(qū)域類似“手風(fēng)琴”的折疊效果，即點(diǎn)擊標(biāo)題時(shí)展開內(nèi)容，再點(diǎn)另一標(biāo)題時(shí)，關(guān)閉已展開的內(nèi)容，調(diào)用格式如下： $(selector).accordion({options}); 其中，參數(shù)selector為整個(gè)面板元素，options參數(shù)為方法對(duì)應(yīng)的配置對(duì)象。查看全部
-
拖曳排序插件——sortable 拖曳排序插件的功能是將序列元素（例如<option>、<li>）按任意位置進(jìn)行拖曳從而形成一個(gè)新的元素序列，實(shí)現(xiàn)拖曳排序的功能，它的調(diào)用格式為： $(selector).sortable({options}); selector參數(shù)為進(jìn)行拖曳排序的元素，options為調(diào)用方法時(shí)的配置對(duì)象，查看全部
-
放置插件——droppable 除使用draggable插件拖曳任意元素外，還可以調(diào)用droppable UI插件將拖曳后的任意元素放置在指定區(qū)域中，類似購物車效果，調(diào)用格式如下： $(selector).droppable({options}) selector參數(shù)為接收拖曳元素，options為方法的配置對(duì)象，在對(duì)象中，drop函數(shù)表示當(dāng)被接收的拖曳元素完全進(jìn)入接收元素的容器時(shí)，觸發(fā)該函數(shù)的調(diào)用。查看全部
-
拖曳插件——draggable $(selector). draggable({options}) options參數(shù)為方法調(diào)用時(shí)的配置對(duì)象，根據(jù)該對(duì)象可以設(shè)置各種拖曳效果，如“containment”屬性指定拖曳區(qū)域，“axis”屬性設(shè)置拖曳時(shí)的坐標(biāo)方向。查看全部
-
自定義類級(jí)別插件—— twoaddresult $.addNum(p1,p2) 和 $.subNum(p1,p2) 上述調(diào)用格式分別為計(jì)算兩數(shù)值相加和相減的結(jié)果，p1和p2為任意數(shù)值。查看全部
-
自定義對(duì)象級(jí)插件——lifocuscolor插件 自定義的lifocuscolor插件可以在<ul>元素中，鼠標(biāo)在表項(xiàng)<li>元素移動(dòng)時(shí)，自定義其獲取焦點(diǎn)時(shí)的背景色，即定義<li>元素選中時(shí)的背景色，調(diào)用格式為： $(Id).focusColor(color)參數(shù)Id表示<ul>元素的Id號(hào)，color表示<li>元素選中時(shí)的背景色。查看全部
-
右鍵菜單插件——contextmenu $(selector).contextMenu(menuId,{options}); Selector參數(shù)為綁定插件的元素，meunId為快捷菜單元素，options為配置對(duì)象。查看全部
-
//head中引入封裝包 <title>圖片燈箱插件</title> <link rel="stylesheet" type="text/css" href="http://idcbgp.cn/data/jquery.notesforlightbox.css" /> <script type="text/javascript" src="http://idcbgp.cn/data/jquery.notesforlightbox.js"></script> //腳本文件中的內(nèi)容 $(function () { //包含圖片的<a>元素的上級(jí)塊元素類名 $('.divPics a').lightBox({ overlayBgColor: "#666", //圖片瀏覽時(shí)的背景色 overlayOpacity: 0.5, //背景色的透明度 containerResizeSpeed: 600 //圖片切換時(shí)的速度 }); });查看全部
-
$(function () { var arrUserName = ["王五", "劉明", "李小四", "劉促明", "李淵", "張小三", "王小明"]; $("#txtSearch").autocomplete(arrUserName,{ minChars: 0, //雙擊空白文本框時(shí)顯示全部提示數(shù)據(jù) formatItem: function (data, i, total) { return "<I>" + data[0] + "</I>"; //改變匹配數(shù)據(jù)顯示的格式 }, formatMatch: function (data, i, total) { return data[0]; }, formatResult: function (data) { return data[0]; } }).result(SearchCallback); function SearchCallback(event, data, formatted) { $(".tip").show().html("您的選擇是：" + (!data ? "空" : formatted)); } });查看全部
-
<script type="text/javascript"> $(function () { if ($.cookie("email")) { $("#email").val($.cookie("email")); } $("#btnSet").bind("click", function () { if ($("#chksave").is(":checked")) { $.cookie("email",$("#email").val(), { path: "/", expires: 7 }) } else { $.cookie("email",null, { path: "/" }) } }); }); </script>查看全部
-
圖片燈箱插件——lightBox $(linkimage).lightBox({options}) $(".divPics").lightBox({ overlayBgColor: "#666", //圖片瀏覽時(shí)的背景色 overlayOpacity: 0.5, //背景色的透明度 containerResizeSpeed: 600 //圖片切換時(shí)的速度 })查看全部
舉報(bào)
0/150
提交
取消