jquery层插件,Jquery插件

如何使用jquery插件lightbox

1.Lightbox_me插件功能

让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：域名与空间、网站空间、营销软件、网站建设、天祝藏族自治网站维护、网站推广。

用于显示弹出层

2.Lightbox_me官方地址

在网页的下面有演示地址和常用属性。

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;

}

以上所述就是本文的全部内容了，希望大家能够喜欢。

jquery layer弹出层插件，怎样不出现滚动条？

close:function(){ } 如下 $("#dialog").show().dialog({ title: "", buttons: { Ok: function() { 点击ok按钮时触发 } }, open:function(){ 显示对话框时触发 }, close:function(e,u){ 关闭对话框时触发 } 。

拓展：

1、插件(Plug-in,又称addin、add-in、addon或add-on,又译外挂)是一种遵循一定规范的应用程序接口编写出来的程序。其只能运行在程序规定的系统平台下(可能同时支持多个平台)，而不能脱离指定的平台单独运行。因为插件需要调用原纯净系统提供的函数库或者数据。很多软件都有插件，插件有无数种。

2、例如在IE中，安装相关的插件后，WEB浏览器能够直接调用插件程序，用于处理特定类型的文件。插件的定位是开发实现原纯净系统平台、应用软件平台不具备的功能的程序，其只能运行在程序规定的系统平台下(可能同时支持多个平台)，而不能脱离指定的平台单独运行。因为插件需要调用原纯净系统提供的函数库或者数据。

3、通常的BHO会帮助用户更方便地浏览因特网或调用上网辅助功能，也有一部分BHO被人称为广告软件（Adware）或间谍软件（Spyware），它们监视用户的上网行为并把记录的相关数据报告给BHO的创建者.BHO也可能会与其它运行中的程序发生冲突，从而导致诸如各种页面错误，运行时间错误等等现象，通常阻止了正常浏览的进行。

什么是jquery插件?有什么用?

jquery 插件就是一些人用jquery写的一些工具，常见的是jquery UI和jquery easyui,我们在调用时只需要用很少的代码就能实现很好的效果。如easyui的datagrid、combobox、tree等可以实现表格、下拉框、树等形状及需要的操作。

附：easyui官网

可以在网站里面下载demo、观看一些特效、下载插件js等

七个帮助你处理Web页面层布局的jQuery插件

1.UI.Layout  jQuery UI布局插件

官方网站：

使用大小可折叠的嵌套面板和大量选项创建高级UI布局。布局可以创建任何你想要的UI外观; 从简单的标题或侧边栏到具有工具栏，菜单，帮助面板，状态栏，子表单等的复杂应用程序。集成并增强其他UI小部件，如选项卡，手风琴和对话框，以创建丰富的界面。

2.jQUery Masonry

官方网站：

所有项目的大小和样式都由您自己的CSS处理。项目大小可以用响应式布局的百分比来设置

3.jLayout

jLayout JavaScript库提供了用于布局组件的布局算法。一个组件是一个抽象; 它可以通过多种方式实现，例如HTML5 Canvas绘图中的项目或HTML元素。jLayout库允许您专注于绘制各个组件，而不是如何将其排列在屏幕上。

GitHub：

4.jQuery pageSlide

Query pageSlide 是一个jQuery插件，它可以控制一个隐藏页面的显示和关闭。jQuery展开左右侧栏目插件PageSlide，pageslide插件功能实现现实隐藏侧边栏的功能。插件可以读取另个一html,也可以是当前页面中的元素，目前比较流行的导航菜单展现形式,特别是在手机端或者触屏页面,效果还是不错的

demo：

5.jQSlickWrap

jQSlickWrap是一个真正可以将内容包裹在图片周围的jQuery插件。该插件使用HTML5 Canvas标签,用法非常简单。可以轻松而准确地实现浮动图像的文字环绕效果。

6.Columnizer

官方网址：

Columnizer jQuery Plugin将自动以报纸列格式来布局您的内容。您可以指定列宽或列的静态数量。而且，当然，这很容易使用！Columnizer会将CSS类添加到它创建的列中。每列将有一个“列”类名。第一列将有“第一”，最后一列将有“最后”。这使您可以更轻松地定位CSS标记中的特定列。

github:

7：Columns

jQueryJSON数据转换为html表插件Columns

GitHub：

Columns创建JSON数据转化为HTML方法 引用jQuery库1.7或更高版本和Columns插件文件，列是将JSON数据创建为可排序，可搜索和分页的HTML表格的简单方法。所有你需要的是提供的数据，和列将完成其余的。因为Columns动态地创建了所有必要的HTML，所以唯一需要的HTML是一个空的HTML元素，比如一个div标签，在初始化时使用相应的id。

Jquery弹出层插件ThickBox的使用方法

thickbox是jQuery的一个插件，其作用是弹出对话框、网页框，使用户体验度更加愉悦，下面就来简单介绍它的几种用法。

声明一下：这只是个人的总结记载而已。

准备工作：你需要三个文件：thickbox.js、thickbox.css、jquery.js，网上到处可下

具体使用：

第一步：将这三个文件引入到你要使用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函数调用：如tb_init()、tb_show()；见下文。

几种不同用法：

1.点击显示图片：

a

href="001.jpg"

class="thickbox"img

src="001.jpg"//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

jquery有哪些插件？

//200多个插件如下 实际开发中 请选择合适的使用

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:表格,网格类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:统计类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相关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..