Chosen is a Select drop-down box that supports jquery to make the ugly, long select box look better and more convenient. Not only that, it expands the Select, adding the ability to automatically filter. It can group lists, and it can also disable certain selections.First look at the effect of the plugin:Let's take a look at its usage.Introducing Core Files1 Linkrel= "stylesheet"href= "Docsupport/style.c
(' Input-textarea-caret-position-mirror-span '); varRange =El.edit.doc.createRange (); range.selectnodecontents (span); Range.collapse (false);varSEL =el.edit.win.getSelection (); Sel.removeallranges (); Sel.addrange (range);//hack: Fix the next startoffsetSpan.parentNode.removeChild (span);PS: in 442 rows.Post-modification effectsThe content is a rich text input area, inserted into the block text.SummarizeAlthough it is based on other people's plug-ins, but I also spent a lot of effort to fix
The original dropdown box is not good to see here is recommended a jquery custom beautiful drop-down box plugin 8 effects DemoOnline previewInstance Code jquery Custom Beautiful drop-down box plugin 8 effects Demo
people's plug-ins, but I also spent a lot of effort to fix the problem, has been found that there is no precision for the Kindeditord @ function of plug-ins, so I have to get the next.
I put the source code on the GitHub, there is a need to go down: https://github.com/codingforme/jquery-kindeditor-suggest
The above is a small set to introduce the jquery pop-up Drop
). Slideup (500);
}); $ (Inputul). Delegate (' Li ', ' click '), function () {$ (input). val ($ (this). text ());
});
return this;
Use the DataList object $.fn.mydatalist=function (Options) {///create entity Var datalist=new DataList (This,options) in the plug-in;
Call its method return Datalist.showlist ();
}) (jquery,window,document);
Here with the UL Li List simulation DataList options. The implementation of the logic is
-left:10px; padding-right:10px;} li.select3-group:hover{Background-color: #ffffff; Color:black;}. Select3-group li:hover{Cursor:pointer;} /* SELECT3 container outermost point open after style */.select3-parent.open{border-bottom-left-radius:0px; border-bottom-right-radius:0px; box-shadow:0 6px 12px Rgba (0,0,0,0.2); Border-bottom:none; border-bottom:1px solid #fff;} /* After the point is opened, the drop-down menu content style */.selec
jquery Plugin: Iscroll
Page layout:
Paging, is through the AJAX request, the page number into the general handler, in the general handler to get the paging data returned to the JSON array object.
Drop-down refresh:
/**
* Drop-down Refresh (custom implementation of this method)
* Myscroll.ref
The original dropdown box is ugly, give everyone a jquery cool pull-down plug-in 6 kinds of effectsEffect PreviewInstance Code jquery Super Cool drop-down plugin 6 effects demo
The original dropdown box is ugly, give everyone a jquery cool pull-down plug-in 6 kinds of effectsEffect PreviewInstance Code?
123456789101112131415161718192021
class="container">class="main clearfix">"cd-dropdown" name="cd-dropdown" class="cd-select">"-1" selected>请选择"1" class="icon-monkey">网站模板"2" class="icon-bear">jQuery特效"3" class="icon-squirrel">精选网址"4" class="icon-elephant">网站源码
| | EventvarOdivleft = OEVENT.CLIENTX-DISX;varOdivtop = Oevent.clienty-disy; ODiv.style.left = odivleft + ' px '; ODiv.style.top = odivtop + ' px '; }; Odiv.onmouseup =function() {Odiv.onmousemove =NULL; Odiv.onmouseup =NULL; Odiv.releasecapture (); }; Odiv.setcapture ();return false;//block default events, fix bugs in Firefox}; };Now you can solve the problem of text selection. Finally we sit down compatible, in fact this setcapture () is incompat
Dragsort html drag-and-drop sorting, and dragsort drag-and-drop sorting
I. Jquery List DragSortFor some pages, such as homepage customization, dynamic drag-and-drop sorting is required.
In all the technologies that network developers need to master, it seems that the most confusing and potential problems are dragging and dropping.This is not a new technology, it has been around for years, but many developers are still obsessed with the old jquery-based approach to implicate complex (sometimes slow and inaccurate) drag-and-drop simulations.Now th
Dropzone. js implements drag-and-drop file upload and dropzone. js drag-and-drop
Dropzone. js is an open-source JavaScript library that provides the AJAX asynchronous file upload function. It supports drag and drop, maximum file s
Seven innovative drag-and-drop interactive interfaces from Codrops, codrops drag-and-drop
Codrops shared some interactive design ideas about drag-and-drop interfaces. The basic idea is to present a throwing area for a specific op
Hammer. js achieves drag-and-drop effects on mobile terminals and hammer. js drag-and-drop Effects
Hammer. js can achieve multiple touch effects on mobile terminals. Detailed can click http://www.cnblogs.com/iamlilinfeng/p/4239957.html
However, we found that the implementation function of hammer. js can only be nativ
Portlets.AutoScroll.Innerfade.Drag and drop class jquery pluginUi/draggables.Easydrag jQuery Plugin.JQuery Portlets.Jqdnr–drag, drop resize.Drag Demos.XML XSL JSON feeds related jquery pluginXSLT Plugin.JQuery Ajax Call and resul
ObjectiveThere are countless articles about the drag-and-drop function of JS, and I really don't have to go through a lot of trouble to write a repetitive article to catch the eye. The focus of this article is to explain how to disable drag and drop on certain specific elements. This is the problem I encountered when w
First, we consider a business scenario in which a maintenance department is divided into N service groups, and the maintenance personnel of the service department need to assign the maintenance staff in the department to these groups.Of course, he can select a maintenance staff, and then assign him a maintenance team, but from a human perspective, if the use of drag and drop is more rapid and clear?For exam
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.