Discover how to create jquery plugin, include the articles, news, trends, analysis and practical advice about how to create jquery plugin on alibabacloud.com
Several plug-ins have been developed during the company project, below is the jquery plug-in template used by Levin. It's the same as Google, huh?
Copy Code code as follows:
; (function ($) {
Private functions.
var p = {};
P.FUNC1 = function () {};
Main plugin Body
$.fn. PLUGIN = function (options) {
Set the options.
Options = $.extend ({}, $.fn.
Http://www.cnblogs.com/Leo_wl/p/3409083.htmlObjectiveWith web development today, jquery is almost essential, and even the VS artifact has been built into the jquery and UI Web projects in version 2010. As for the use of jquery benefits here is not to repeat, used to know. Today we are going to discuss the jquery plug-i
Reproduced in: http://www.cnblogs.com/feng524822/p/3319534.htmlRecommended today is the first phase of 2013, in this period 10 jquery plug-ins cover the responsive grid layout plug-in, image amplification plug-in, form elements in the custom select plugin, Google Maps plug-ins, file drag-and-drop upload plugin, tooltip tip pl
the Myplugin object is a property of the global jquery object. Therefore, the name of the plug-in must be included when calling the function650) this.width=650; "src=" Http://s4.51cto.com/wyfs02/M01/7E/77/wKiom1cA6vqCya-5AAAmUanICsc332.png "title=" Web.png "alt=" Wkiom1ca6vqcya-5aaamuanicsc332.png "/>-The core jquery library provides many of the global functions that are practical methods, such as $.each (
.
Fluidbox
This is a very useful jquery plugin. It replicates and enhances the way it links to larger resolution images to see the Medium Fluid light box module.
Headroom
Headroom.js can help you keep the main content of your site close to the user's main navigation. When the Web site scrolls down, it retracts automatically, and it automatically displays when scrolling up.
A-slider
A-slider is a
function is to set the color Ah font ah what, of course, we can also add other features such as setting the underline ah what. Of course, the abstract object of this example is a bit of a fuss, just for demonstration purposes. Later I might introduce a jquery plugin I wrote sliphover, where the code is more, and this pattern is used.So we create a new object nam
, because his function is to set the color Ah font ah what, of course, we can also add other features such as setting the underline ah what. Of course, the abstract object of this example is a bit of a fuss, just for demonstration purposes. Later I might introduce a jquery plugin I wrote sliphover, where the code is more, and this pattern is used.So we create a n
get to let others know what your plug-in is doing. The folder name cannot use a Chinese name. The following is a brief description of the process.
First, you need to consider the complexity of the plug-in. If it is very simple, you can directly create a file. If there are many files involved, you need to create a folder. Either type requires name uniqueness, such as creating a plug-in folder named my_plu
Dry jquery plugin to share the tab.TAB tab switch, in the daily development is also a more common rendering control, today this tab control effect is quite like, recommend to everyone useful to the scene can try:Tabulous.js A jQuery Tabs module for todays web!But this plugin to IE10 and above to support, ^-^!!Demo Imag
tables. learn how to create simple tabs and even play with jquery to create complex and attractive tabs with these wonderful jquery plugins and tutorials.
10 best jquery gallery and slider pluginsThese are the best jquery imag
function is to set the color Ah font ah what, of course, we can also add other features such as setting the underline ah what. Of course, the abstract object of this example is a bit of a fuss, just for demonstration purposes. Later I might introduce a jquery plugin I wrote sliphover, where the code is more, and this pattern is used.So we create a new object nam
Mod.JQuery Autocomplete by Ajaxdaddy.JQuery Autocomplete Plugin with HTML formatting.JQuery Autocompleter.Autocompleter (Tutorial with Phpmysql).Quick Search jQuery Plugin.Editor (Inline edit Editors)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
Mod.JQuery Autocomplete by Ajaxdaddy.JQuery Autocomplete Plugin with HTML formatting.JQuery Autocompleter.Autocompleter (Tutorial with Phpmysql).Quick Search jQuery Plugin.Editor (Inline edit Editors)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
when the code is small.If you define the necessary variables to the object's properties, the function becomes the method of the object, when we need to get through the object, one is convenient to manage, and the other does not affect the external namespace, because all of these variable names and method names are inside the object.Then the above example, we can abstract this plugin into a beautification of the Page object, because his function is to
.Masonry
Masonry is a dynamic grid layout plug-in. Each element is in the horizontal direction using a float layout, but in the vertical direction using absolute positioning to control the position of elements, like a wall, can do jianfengchazhen. 2.Isotope
Isotope is a dynamic layout of the refined jquery plug-in, is a separate CSS can not be implemented, and he could through the jquery selector to contr
You should know what you are doing with your name.
A jquery developed tagging feature enhancements plugin that can generate or delete tags, and also check for input repeat tags, and implement autocomplete with jquery AutoComplete plug-ins.
Official website: http://xoxco.com/projects/code/tagsinput/
Screenshots:
(The following is a translation of the officia
Smoke.js is a JavaScript alternative to a browser default warning system, and if you want a standardized JavaScript warning window across browsers and platforms, Smoke.js is what you want.Smoke.js is a lightweight and flexible JavaScript plugin that is used to replace the original alert. It is completely composed of HTML and CSS3, so you can personalize it by adding your own style.
Requirements: CSS3 Support
Compatibility: Most browsers,
Ajaxdaddy.jQuery autocomplete Plugin with HTML formatting.jQuery Autocompleter.Autocompleter (Tutorial with Phpmysql).Quick Search jQuery Plugin.jquery Plugin-editor (Inline edit Editors)Jtageditor.WYMeditor.jQuery JFrame.jeditable–edit in place plugin for JQuery.JQuery Editable.jQuery Disable Text Select Plugin.Edit
drop-down menu of the HTML select box implementation functionality.
View Details
Tags: jQuery
/> Xmlobjectifier, based on jquery, is able to convert the XML DOM into a JSON JavaScript library.
View Details
Tags: jQuery XML
The/> jquery UI is based on a set of UI frameworks developed by
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.