1.Lightbox_me插件功能
讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：域名與空間、網(wǎng)站空間、營銷軟件、網(wǎng)站建設(shè)、天祝藏族自治網(wǎng)站維護、網(wǎng)站推廣。
用于顯示彈出層
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修改樣式
彈出層的樣式修改非常簡單，只需要會使用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;
}
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
close:function(){ } 如下 $("#dialog").show().dialog({ title: "", buttons: { Ok: function() { 點擊ok按鈕時觸發(fā) } }, open:function(){ 顯示對話框時觸發(fā) }, close:function(e,u){ 關(guān)閉對話框時觸發(fā) } 。
拓展：
1、插件(Plug-in,又稱addin、add-in、addon或add-on,又譯外掛)是一種遵循一定規(guī)范的應用程序接口編寫出來的程序。其只能運行在程序規(guī)定的系統(tǒng)平臺下(可能同時支持多個平臺)，而不能脫離指定的平臺單獨運行。因為插件需要調(diào)用原純凈系統(tǒng)提供的函數(shù)庫或者數(shù)據(jù)。很多軟件都有插件，插件有無數(shù)種。
2、例如在IE中，安裝相關(guān)的插件后，WEB瀏覽器能夠直接調(diào)用插件程序，用于處理特定類型的文件。插件的定位是開發(fā)實現(xiàn)原純凈系統(tǒng)平臺、應用軟件平臺不具備的功能的程序，其只能運行在程序規(guī)定的系統(tǒng)平臺下(可能同時支持多個平臺)，而不能脫離指定的平臺單獨運行。因為插件需要調(diào)用原純凈系統(tǒng)提供的函數(shù)庫或者數(shù)據(jù)。
3、通常的BHO會幫助用戶更方便地瀏覽因特網(wǎng)或調(diào)用上網(wǎng)輔助功能，也有一部分BHO被人稱為廣告軟件（Adware）或間諜軟件（Spyware），它們監(jiān)視用戶的上網(wǎng)行為并把記錄的相關(guān)數(shù)據(jù)報告給BHO的創(chuàng)建者.BHO也可能會與其它運行中的程序發(fā)生沖突，從而導致諸如各種頁面錯誤，運行時間錯誤等等現(xiàn)象，通常阻止了正常瀏覽的進行。
jquery 插件就是一些人用jquery寫的一些工具，常見的是jquery UI和jquery easyui,我們在調(diào)用時只需要用很少的代碼就能實現(xiàn)很好的效果。如easyui的datagrid、combobox、tree等可以實現(xiàn)表格、下拉框、樹等形狀及需要的操作。
附：easyui官網(wǎng)
可以在網(wǎng)站里面下載demo、觀看一些特效、下載插件js等
1.UI.Layout? jQuery UI布局插件
官方網(wǎng)站：
使用大小可折疊的嵌套面板和大量選項創(chuàng)建高級UI布局。布局可以創(chuàng)建任何你想要的UI外觀; 從簡單的標題或側(cè)邊欄到具有工具欄，菜單，幫助面板，狀態(tài)欄，子表單等的復雜應用程序。集成并增強其他UI小部件，如選項卡，手風琴和對話框，以創(chuàng)建豐富的界面。
2.jQUery Masonry
官方網(wǎng)站：
所有項目的大小和樣式都由您自己的CSS處理。項目大小可以用響應式布局的百分比來設(shè)置
3.jLayout
jLayout JavaScript庫提供了用于布局組件的布局算法。一個組件是一個抽象; 它可以通過多種方式實現(xiàn)，例如HTML5 Canvas繪圖中的項目或HTML元素。jLayout庫允許您專注于繪制各個組件，而不是如何將其排列在屏幕上。
GitHub：
4.jQuery pageSlide
Query pageSlide 是一個jQuery插件，它可以控制一個隱藏頁面的顯示和關(guān)閉。jQuery展開左右側(cè)欄目插件PageSlide，pageslide插件功能實現(xiàn)現(xiàn)實隱藏側(cè)邊欄的功能。插件可以讀取另個一html,也可以是當前頁面中的元素，目前比較流行的導航菜單展現(xiàn)形式,特別是在手機端或者觸屏頁面,效果還是不錯的
demo：
5.jQSlickWrap
jQSlickWrap是一個真正可以將內(nèi)容包裹在圖片周圍的jQuery插件。該插件使用HTML5 Canvas標簽,用法非常簡單?？梢暂p松而準確地實現(xiàn)浮動圖像的文字環(huán)繞效果。
6.Columnizer
官方網(wǎng)址：
Columnizer jQuery Plugin將自動以報紙列格式來布局您的內(nèi)容。您可以指定列寬或列的靜態(tài)數(shù)量。而且，當然，這很容易使用！Columnizer會將CSS類添加到它創(chuàng)建的列中。每列將有一個“列”類名。第一列將有“第一”，最后一列將有“最后”。這使您可以更輕松地定位CSS標記中的特定列。
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表格的簡單方法。所有你需要的是提供的數(shù)據(jù)，和列將完成其余的。因為Columns動態(tài)地創(chuàng)建了所有必要的HTML，所以唯一需要的HTML是一個空的HTML元素，比如一個div標簽，在初始化時使用相應的id。
thickbox是jQuery的一個插件，其作用是彈出對話框、網(wǎng)頁框，使用戶體驗度更加愉悅，下面就來簡單介紹它的幾種用法。
聲明一下：這只是個人的總結(jié)記載而已。
準備工作：你需要三個文件：thickbox.js、thickbox.css、jquery.js，網(wǎng)上到處可下
具體使用：
第一步：將這三個文件引入到你要使用thickbox的頁面
復制代碼
代碼如下:
script
type="text/javascript"
src="jquery.js"/script
script
type="text/javascript"
src="thickbox.js"/script
link
rel="stylesheet"
href="thickbox.css"
type="text/css"
/
第二步：一般簡單使用就是給a標簽和Button添加樣式：class=thickbox
還有就是通過thickbox函數(shù)調(diào)用：如tb_init()、tb_show()；見下文。
幾種不同用法：
1.點擊顯示圖片：
a
href="001.jpg"
class="thickbox"img
src="001.jpg"http://a
ok,就這樣搞定
2.點擊按鈕或鏈接：
復制代碼
代碼如下:
input
alt="#TB_inline?height=300width=400inlineId=div1"
title="shawnliu"
class="thickbox"
type="button"
value="Show"
/
a
href="#TB_inline?height=155width=300inlineId=div2modal=true"
class="thickbox"Show
hidden
modal
content./a
div
id="div1"
style="display:none"
P
這是一個非模式對話框。
/P
/div
div
id="div2"
style="display:none"
P
這是一個模式對話框。
p
style="TEXT-ALIGN:
center"INPUT
id="Login"
onclick="tb_remove()"
type="submit"
value="
Ok
"
//p
/P
/div
//200多個插件如下?實際開發(fā)中?請選擇合適的使用
1：文件上傳類jQuery插件
Ajax?File?Upload.
jQUploader.
Multiple?File?Upload?plugin.
jQuery?File?Style.
Styling?an?input?type?file.
Progress?Bar?Plugin.
2：表單驗證類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:時間、日期和顏色選取類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插件應用
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)計類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:菜單和導航類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:幻燈片、手風琴特效類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:警告,?提示,?確認等對話框
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..
重慶分公司
重慶分公司
