Sunday, September 27FreeJQuery

Tag: jQuery Plugin

How to Create a Basic jQuery Plugin
Article, Core Java Script, jQuery, jQuery Plugins, Uncategorized

How to Create a Basic jQuery Plugin

 Creating a basic jQuery Plugin is not very simple & not much difficult, you have to work from the code which can run to make a Plugin. Here we're expressing a few tips which can help you to do it easier.Look Out dis Basic Code[symple_clear]$( "a" ).css( "color", "red" );Teh above-mentioned codes are just as a sample. When you simply use teh $ function to select elements, it returns in teh form of jQuery object. Basic Plugin Plugin This test plugin is supposed to work like this: When an element is clicked, it moves down. Simple as that.[symple_clear] jQuery.fn.moveDown = function(howMuch){ $(this).css("border", "1px solid black"); $(this).click(function(){$(this).css("position", "relative"); $(this).animate({top: '+='+howMu...
Centr: jQuery plugin to Center objects
Plugins, Web

Centr: jQuery plugin to Center objects

Centr is a lightweight jQuery plugin that centers any object to the middle of the screen. It is easy to use for both amateur and professional web developers. Centr works across mostly all browsers.Read More | Demo | Download
Cropimg : jQuery Cropping Plugin
Plugins, Zoom

Cropimg : jQuery Cropping Plugin

Another cropping jQuery plugin.Catch image inside the box and move it. You can also zoom in or zoom out the photo by the buttons on right side.Black elements on image, can be used to short zooming the image or move image to one of the corners, or center Read More | Demo | Download -----------------------
YouTube PopUp jQuery Plugin
Plugins, popup windows, Responsive, Web

YouTube PopUp jQuery Plugin

jQuery plugin to display YouTube video or Vimeo video in PopUp, responsive & retina,Display YouTube, Vimeo, Sound Cloud, and MP4 Video in Popup. Video Popup on Page Load, Responsive Video Popup, Retina ready, visual editor, unlimited Popup’s, and many features! Easy to use. Read More | Demo | Download
Flexible Slide-to-top Accordion jQuery Plugin
Accordion, CSS2 / CSS3.0, Menus, Web

Flexible Slide-to-top Accordion jQuery Plugin

Today's tutorials we will discuss creating a simple flexible Slide-to-top accordion jQuery plugin that, when opened, it will slide to the top of the viewport and reveal the content by fading it in. We'll also add some nice CSS3 transitions for the arrow to appear and to rotate when we click on an item. The accordion will be flexible, meaning that it will have a liquid width adjusting to the screen size.Read More | Demo | Download -----------------------
liteAccordion – A horizontal accordion jQuery plugin
Accordion, Gallery

liteAccordion – A horizontal accordion jQuery plugin

LiteAccordion is a horizontal accordion plugin for jQuery. This plugin is no longer under development and will not be receiving any updates in the future.These are the default settings for the liteAccordion plugin: containerWidth : 960, // fixed (px) containerHeight : 320, // fixed (px) headerWidth: 48, // fixed (px)activateOn : 'click', // click or mouseover firstSlide : 1, // displays slide (n) on page load slideSpeed : 800, // slide animation speed onTriggerSlide : function() {}, // callback on slide activate onSlideAnimComplete : function() {}, // callback on slide anim completeautoPlay : false, // automatically cy...
Nicebord.js : Animate Border jQuery Plugin
Animation, JavaScript, jQuery Plugins

Nicebord.js : Animate Border jQuery Plugin

If you are looking for a jQuery plugin for the animate border so, you are on the right page. Nicebord.js is a free jquery plugin which will help you to easily create nice border animation in block elements. There is no required any hard and fast rule for using this plugin. In the demo section, you can see how easy is for use, simply copy the codes and past in your coding pages and apply then see the magic of this plugin.This plugin helps you to easily set border color, set border size, Animate top or right or bottom or left border, Begins animation from the center of the block and so many features have this plugin. you can see the more features in the following chart.Options:Attribute Type Default Descriptioncolor String '000000' Set border colororient...
Quttons: Buttons made of Quantum Paper with jQuery
jQuery, jQuery Plugins

Quttons: Buttons made of Quantum Paper with jQuery

Today in this article we will discuss the plugin that will help you to hide any div behind a Quantum [Paper] Button or Qutton. The jQuery plugins is an easy way to add multitasking function on your site. Quantum Paper is a digital paper that can change its size, shape, and color to accommodate new content. Quantum paper is part of Google's Material Design.Read More | Demo | Download 
Codrops: Filterable Product Grid jQuery plugin Download
jQuery, jQuery Plugins

Codrops: Filterable Product Grid jQuery plugin Download

A responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality. The Blueprint is a very responsive and Isotope-powered product grid layout, where any each Grid item is a Flickity image slider. Well, nowadays there are so many plugins available that help to show your content in an animation grid views. There is a cart icon in this plugin, where a small icon animation indicates that a product was added to the shopping cart.Most importantly web designers use the jQuery plugins for work easily. And jQuery plugins provide all coding stuff to use which is easy to use. I have attached pictures of this plugin. Just go and click on the download button, and use all functions of this plugin in a step by step way.Read More | Demo | Download...
Transforms Bootstrap tabs to an accordion – Tabcordion.js
jQuery, jQuery Plugins

Transforms Bootstrap tabs to an accordion – Tabcordion.js

Well, if you are trying to find the plugin that helps you to transforms bootstrap taps into an accordion than you are on the right line. jQuery plugin Transforms Bootstrap tabs to an accordion - Tabcordion.js is very useful for responsive mobile sites. The plugin can be configured to perform this transformation based on the size of the container or viewport to provide responsive awesomeness to your buzzword-rich UI.No doubt, if you use the perfect plugin with simple and clean source code then your site will work correctly. And also will help to run mobile sites smoothly.Read More | Demo | Download
How to add Custom Select Elements with jQuery Plugin
jQuery

How to add Custom Select Elements with jQuery Plugin

Zelect.js is a free plugin it will help you to for Custom Select Elements. You are trying to find a plugin for Custom Select Elements! so you are at the right place. In this article you will find the jQuery Plugin for Custom Select Elements - Zelect.js, there is no hard way to use this plugin, just go and click on the read more button and read the rest of instruction and than click on download button. You can see the demo of the plugin before using, so please do not hesitate and just download and use it. Here are some features of this plugin.Lightweight Zero base CSS, roll your own Customizable Handles asynchronous paged loading of large option lists (read: AJAX-ready-and-enabled) Initialization in a detached or hidden DOM node Programmatically selectable and changeab...
How to use jQuery Selectors? List of jQuery Selectors
API, jQuery Plugins

How to use jQuery Selectors? List of jQuery Selectors

jQuery selectors is the function that allows you to select multiple HTML elements. jQuery selectors are basically used to find (or select) HTML elements based on their name, id, classes, attributes, types of attributes and much more.  It's based on the condition and on their existing CSS selectors, and in addition, it has some of the own custom selectors.List of jQuery Selectors The jQuery is the collections of scripts written in JavaScript to perform various task including the document traversal and manipulation, event handling, animation etc. The syntax of jQuery was listed, where we go through the selectors. Now giving you the complete list of jQuery Selectors. List of Selectors$(‘*’): This selector selects all the elements in the document. $(“p > *”): This selector ...
Popover Builder Responsive jQuery Plugin Download
Animation, Bootstrap, jQuery Plugins

Popover Builder Responsive jQuery Plugin Download

Today we'll discuss the plugin which shows the popup Ads, Subscription Form and Signup Form. Now a day's we are facing the ads that appear so many time on the screen without asking you. So it would appear with the proper builder responsive jQuery plugin. You can easily show the content from other pages of the site easily like images, text etc. 50+ Best popovers designs are the part of these items. With this 50+ Best popover you can easily create your popover responsive design.There is following 50+ best features for the popover builder responsive jQuery plugin designs. You can easily use and can add to your sites.PowerFul Builder To Build And Edit 50+ Best Pre-Built Popover Designs 45+ Best Animation Effects Import Content From Other Pages Of Your Sites Edit Style And...