//200多個(gè)插件如下?實(shí)際開發(fā)中?請(qǐng)選擇合適的使用
創(chuàng)新互聯(lián)自2013年起,先為洪雅等服務(wù)建站,洪雅等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為洪雅企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
1:文件上傳類jQuery插件
Ajax?File?Upload.
jQUploader.
Multiple?File?Upload?plugin.
jQuery?File?Style.
Styling?an?input?type?file.
Progress?Bar?Plugin.
2:表單驗(yàn)證類jQuery插件
jQuery?Validation.
Auto?Help.
Simple?jQuery?form?validation.
jQuery?XAV?–?form?validations.
jQuery?AlphaNumeric.
Masked?Input.
TypeWatch?Plugin.
Text?limiter?for?form?fields.
Ajax?Username?Check?with?jQuery.
3:表單選擇框類jQuery插件
jQuery?Combobox.
jQuery?controlled?dependent?(or?Cascadign)?Select?List.
Multiple?Selects.
Select?box?manipulation.
Select?Combo?Plugin.
jQuery?–?LinkedSelect
Auto-populate?multiple?select?boxes.
Choose?Plugin?(Select?Replacement).
4:表單基本、輸入框、選擇框等jQuery插件
jQuery?Form?Plugin.
jQuery-Form.
jLook?Nice?Forms.
jNice.
Ping?Plugin.
Toggle?Form?Text.
ToggleVal.
jQuery?Field?Plugin.
jQuery?Form’n?Field?plugin.
jQuery?Checkbox?manipulation.
jTagging.
jQuery?labelcheck.
Overlabel.
3?state?radio?buttons.
ShiftCheckbox?jQuery?Plugin.
Watermark?Input.
jQuery?Checkbox?(checkboxes?with?imags).
jQuery?SpinButton?Control.
jQuery?Ajax?Form?Builder.
jQuery?Focus?Fields.
jQuery?Time?Entry.
5:時(shí)間、日期和顏色選取類jQuery插件
jQuery?UI?Datepicker.
jQuery?date?picker?plugin.
jQuery?Time?Picker.
Time?Picker.
ClickPick.
TimePicker.
Farbtastic?jQuery?Color?Picker?Plugin.
Color?Picker?by?intelliance.fr.
6:投票類jQuery插件
jQuery?Star?Rating?Plugin.
jQuery?Star?Rater.
Content?rater?with?asp.net,?ajax?and?jQuery.
Half-Star?Rating?Plugin.
7:搜索類jQuery插件
jQuery?Suggest.
jQuery?Autocomplete.
jQuery?Autocomplete?Mod.
jQuery?Autocomplete?by?AjaxDaddy.
jQuery?Autocomplete?Plugin?with?HTML?formatting.
jQuery?Autocompleter.
AutoCompleter?(Tutorial?with?PHPMySQL).
quick?Search?jQuery?Plugin.
8:jQuery編輯器插件
jTagEditor.
WYMeditor.
jQuery?jFrame.
Jeditable?–?edit?in?place?plugin?for?jQuery.
jQuery?editable.
jQuery?Disable?Text?Select?Plugin.
Edit?in?Place?with?Ajax?using?jQuery.
jQuery?Plugin?–?Another?In-Place?Editor.
TableEditor.
tEditable?–?in?place?table?editing?for?jQuery.
9:多媒體、視頻、Flash等類jQuery插件
jMedia?–?accessible?multi-media?embedding.
JBEdit?–?Ajax?online?Video?Editor.
jQuery?MP3?Plugin.
jQuery?Media?Plugin.
jQuery?Flash?Plugin.
Embed?QuickTime.
SVG?Integration.
圖片類jQuery插件
ThickBox.
jQuery?lightBox?plugin.
jQuery?Image?Strip.
jQuery?slideViewer.
jQuery?jqGalScroll?2.0.
jQuery?–?jqGalViewII.
jQuery?–?jqGalViewIII.
jQuery?Photo?Slider.
jQuery?Thumbs?–?easily?create?thumbnails.
jQuery?jQIR?Image?Replacement.
jCarousel?Lite.
jQPanView.
jCarousel.
Interface?Imagebox.
Image?Gallery?using?jQuery,?Interface??Reflactions.
simple?jQuery?Gallery.
jQuery?Gallery?Module.
EO?Gallery.
jQuery?ScrollShow.
jQuery?Cycle?Plugin.
jQuery?Flickr.
jQuery?Lazy?Load?Images?Plugin.
Zoomi?–?Zoomable?Thumbnails.
jQuery?Crop?–?crop?any?image?on?the?fly.
Image?Reflection.
10:Google地圖類jQuery插件應(yīng)用
jQuery?Plugin?googlemaps.
jMaps?jQuery?Maps?Framework.
jQmaps.
jQuery??Google?Maps.
jQuery?Maps?Interface?forr?Google?and?Yahoo?maps.
jQuery?J?Maps?–?by?Tane?Piper.
11:游戲類jQuery插件
Tetris?with?jQuery.
jQuery?Chess.
Mad?Libs?Word?Game.
jQuery?Puzzle.
jQuery?Solar?System?(not?a?game?but?awesome?jQuery?Stuff).
12:表格,網(wǎng)格類jQuery插件
UI/Tablesorter.
jQuery?ingrid.
jQuery?Grid?Plugin.
Table?Filter?–?awesome!.
TableEditor.
jQuery?Tree?Tables.
Expandable?“Detail”?Table?Rows.
Sortable?Table?ColdFusion?Costum?Tag?with?jQuery?UI.
jQuery?Bubble.
TableSorter.
Scrollable?HTML?Table.
jQuery?column?Manager?Plugin.
jQuery?tableHover?Plugin.
jQuery?columnHover?Plugin.
jQuery?Grid.
TableSorter?plugin?for?jQuery.
tEditable?–?in?place?table?editing?for?jQuery.
jQuery?charToTable?Plugin.
jQuery?Grid?Column?Sizing.
jQuery?Grid?Row?Sizing.
13:統(tǒng)計(jì)類jQuery插件
jQuery?Wizard?Plugin?.
jQuery?Chart?Plugin.
Bar?Chart.
14:邊框、圓角、背景類jQuery插件
jQuery?Corner.
jQuery?Curvy?Corner.
Nifty?jQuery?Corner.
Transparent?Corners.
jQuery?Corner?Gallery.
Gradient?Plugin.
14:文字和超鏈接類jQuery插件
jQuery?Spoiler?plugin.
Text?Highlighting.
Disable?Text?Select?Plugin.
jQuery?Newsticker.
Auto?line-height?Plugin.
Textgrad?–?a?text?gradient?plugin.
LinkLook?–?a?link?thumbnail?preview.
pager?jQuery?Plugin.
shortKeys?jQuery?Plugin.
jQuery?Biggerlink.
jQuery?Ajax?Link?Checker.
15:文本提示類jQuery插件
jQuery?Plugin?–?Tooltip.
jTip?–?The?jQuery?Tool?Tip.
clueTip.
BetterTip.
Flash?Tooltips?using?jQuery.
ToolTip.
16:菜單和導(dǎo)航類jQuery插件
jQuery?Tabs?Plugin?–?awesome!?.?[demo?nested?tabs.]
another?jQuery?nested?Tab?Set?example?(based?on?jQuery?Tabs?Plugin).
jQuery?idTabs.
jdMenu?–?Hierarchical?Menu?Plugin?for?jQuery.
jQuery?SuckerFish?Style.
jQuery?Plugin?Treeview.
treeView?Basic.
FastFind?Menu.
Sliding?Menu.
Lava?Lamp?jQuery?Menu.
jQuery?iconDock.
jVariations?Control?Panel.
ContextMenu?plugin.
clickMenu.
CSS?Dock?Menu.
jQuery?Pop-up?Menu?Tutorial.
Sliding?Menu.
17:幻燈片、手風(fēng)琴特效類jQuery插件
jQuery?Plugin?Accordion.
jQuery?Accordion?Plugin?Horizontal?Way.
haccordion?–?a?simple?horizontal?accordion?plugin?for?jQuery.
Horizontal?Accordion?by?portalzine.de.
HoverAccordion.
Accordion?Example?from?fmarcia.info.
jQuery?Accordion?Example.
jQuery?Demo?–?Expandable?Sidebar?Menu.
Sliding?Panels?for?jQuery.
jQuery?ToggleElements.
Coda?Slider.
jCarousel.
Accesible?News?Slider?Plugin.
Showing?and?Hiding?code?Examples.
jQuery?Easing?Plugin.
jQuery?Portlets.
AutoScroll.
Innerfade.
18:拖放類jQuery插件
UI/Draggables.
EasyDrag?jQuery?Plugin.
jQuery?Portlets.
jqDnR?–?drag,?drop?resize.
Drag?Demos.
19:XML?XSL?JSON?Feeds相關(guān)jQuery插件
XSLT?Plugin.
jQuery?Ajax?call?and?result?XML?parsing.
xmlObjectifier?–?Converts?XML?DOM?to?JSON.
jQuery?XSL?Transform.
jQuery?Taconite?–?multiple?Dom?updates.
RSS/ATOM?Feed?Parser?Plugin.
jQuery?Google?Feed?Plugin.
20:瀏覽器
Wresize?–?IE?Resize?event?Fix?Plugin.
jQuery?ifixpng.
jQuery?pngFix.
Link?Scrubber?–?removes?the?dotted?line?onfocus?from?links.
jQuery?Perciformes?–?the?entire?suckerfish?familly?under?one?roof.
Background?Iframe.
QinIE?–?for?proper?display?of?Q?tags?in?IE.
jQuery?Accessibility?Plugin.
jQuery?MouseWheel?Plugin.
21:警告,?提示,?確認(rèn)等對(duì)話框
jQuery?Impromptu.
jQuery?Confirm?Plugin.
jqModal.
SimpleModal.
CSS
jQuery?Style?Switcher.
JSS?–?Javascript?StyleSheets.
jQuery?Rule?–?creation/manipulation?of?CSS?Rules.
jPrintArea.
22:DOM、AJAX和其它JQuery插件
FlyDOM.
jQuery?Dimenion?Plugin.
jQuery?Loggin.
Metadata?–?extract?metadata?from?classes,?attributes,?elements.
Super-tiny?Client-Side?Include?Javascript?jQuery?Plugin.
Undo?Made?Easy?with?Ajax.
JHeartbeat?–?periodically?poll?the?server.
Lazy?Load?Plugin.
Live?Query.
jQuery?Timers.
jQuery?Share?it?–?display?social?bookmarking?icons.
jQuery?serverCookieJar.
jQuery?autoSave.
jQuery?Puffer.
jQuery?iFrame?Plugin.
Cookie?Plugin?for?jQuery.
jQuery?Spy?–?awesome?plugin.
Effect?Delay?Trick.
jQuick?–?a?quick?tag?creator?for?jQuery..
1.UI.Layout? jQuery UI布局插件
官方網(wǎng)站:
使用大小可折疊的嵌套面板和大量選項(xiàng)創(chuàng)建高級(jí)UI布局。布局可以創(chuàng)建任何你想要的UI外觀; 從簡(jiǎn)單的標(biāo)題或側(cè)邊欄到具有工具欄,菜單,幫助面板,狀態(tài)欄,子表單等的復(fù)雜應(yīng)用程序。集成并增強(qiáng)其他UI小部件,如選項(xiàng)卡,手風(fēng)琴和對(duì)話框,以創(chuàng)建豐富的界面。
2.jQUery Masonry
官方網(wǎng)站:
所有項(xiàng)目的大小和樣式都由您自己的CSS處理。項(xiàng)目大小可以用響應(yīng)式布局的百分比來設(shè)置
3.jLayout
jLayout JavaScript庫提供了用于布局組件的布局算法。一個(gè)組件是一個(gè)抽象; 它可以通過多種方式實(shí)現(xiàn),例如HTML5 Canvas繪圖中的項(xiàng)目或HTML元素。jLayout庫允許您專注于繪制各個(gè)組件,而不是如何將其排列在屏幕上。
GitHub:
4.jQuery pageSlide
Query pageSlide 是一個(gè)jQuery插件,它可以控制一個(gè)隱藏頁面的顯示和關(guān)閉。jQuery展開左右側(cè)欄目插件PageSlide,pageslide插件功能實(shí)現(xiàn)現(xiàn)實(shí)隱藏側(cè)邊欄的功能。插件可以讀取另個(gè)一html,也可以是當(dāng)前頁面中的元素,目前比較流行的導(dǎo)航菜單展現(xiàn)形式,特別是在手機(jī)端或者觸屏頁面,效果還是不錯(cuò)的
demo:
5.jQSlickWrap
jQSlickWrap是一個(gè)真正可以將內(nèi)容包裹在圖片周圍的jQuery插件。該插件使用HTML5 Canvas標(biāo)簽,用法非常簡(jiǎn)單??梢暂p松而準(zhǔn)確地實(shí)現(xiàn)浮動(dòng)圖像的文字環(huán)繞效果。
6.Columnizer
官方網(wǎng)址:
Columnizer jQuery Plugin將自動(dòng)以報(bào)紙列格式來布局您的內(nèi)容。您可以指定列寬或列的靜態(tài)數(shù)量。而且,當(dāng)然,這很容易使用!Columnizer會(huì)將CSS類添加到它創(chuàng)建的列中。每列將有一個(gè)“列”類名。第一列將有“第一”,最后一列將有“最后”。這使您可以更輕松地定位CSS標(biāo)記中的特定列。
github:
7:Columns
jQueryJSON數(shù)據(jù)轉(zhuǎn)換為html表插件Columns
GitHub:
Columns創(chuàng)建JSON數(shù)據(jù)轉(zhuǎn)化為HTML方法 引用jQuery庫1.7或更高版本和Columns插件文件,列是將JSON數(shù)據(jù)創(chuàng)建為可排序,可搜索和分頁的HTML表格的簡(jiǎn)單方法。所有你需要的是提供的數(shù)據(jù),和列將完成其余的。因?yàn)镃olumns動(dòng)態(tài)地創(chuàng)建了所有必要的HTML,所以唯一需要的HTML是一個(gè)空的HTML元素,比如一個(gè)div標(biāo)簽,在初始化時(shí)使用相應(yīng)的id。
1.Lightbox_me插件功能
用于顯示彈出層
2.Lightbox_me官方地址
在網(wǎng)頁的下面有演示地址和常用屬性。
3.Lightbox_me使用方法
1.首先引用jquery.js與jquery.lightbox_me.js
script
src="/ref/jquery-1.7.2.min.js"/script
script
src="/ref/lightbox_me/jquery.lightbox_me.js"/script
2.使用的代碼
script
type="text/javascript"
$(function()
{
$('#login').click(function(e)
{
$('#loginbox').lightbox_me({
centered:
true,
onLoad:
function()
{
$('#loginbox').find('input:first').focus()
}
});
e.preventDefault();
});
$('#cancel').click(function(){
$('#loginbox').trigger('close');
//alert('aaa');
});
});
/script
4.Lightbox_me修改樣式
彈出層的樣式修改非常簡(jiǎn)單,只需要會(huì)使用css就可以了。例如一下代碼:
#loginbox{
width:400px;
display:none;
background:white;
border:1px
solid
#ccc;
}
body
{
font-size:12px;
font-family:微軟雅黑;
}
.loginbox-title
{
background:
#eef2f7;
border-bottom:
1px
solid
#ccc;
margin-bottom:10px;
padding:8px
0;
font-size:14px;
text-align:center;
}
.loginbox-footer{
padding:8px
0;
border-top:1px
solid
#ccc;
text-align:center;
background:#eef2f7;
}
table
{
width:98%;
margin:0
8px;
}
th,
td
{
padding:8px
0;
}
th
{
text-align:left;
}
.big
{
padding:5px
18px;
}
以上所述就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
jquery 插件就是一些人用jquery寫的一些工具,常見的是jquery UI和jquery easyui,我們?cè)谡{(diào)用時(shí)只需要用很少的代碼就能實(shí)現(xiàn)很好的效果。如easyui的datagrid、combobox、tree等可以實(shí)現(xiàn)表格、下拉框、樹等形狀及需要的操作。
附:easyui官網(wǎng)
可以在網(wǎng)站里面下載demo、觀看一些特效、下載插件js等