Author: Saim Khalid
-
Progressbar.js
Progressbar.js is a jQuery plugin for showing progress bar A Simple of progressbar example as shown below − <!doctype html><html><head><meta charset =”utf-8″><meta http-equiv =”X-UA-Compatible” content =”IE = edge,chrome = 1″><meta name =”viewport” content = “width = device-width, initial-scale =1″><link href =”https://www.jqueryscript.net/css/jquerysctipttop.css” rel =”stylesheet” type =”text/css”><link rel =”stylesheet” href =”jQuery-plugin-progressbar.css”><script src =”https://code.jquery.com/jquery-2.1.4.min.js”></script><script src =”jQuery-plugin-progressbar.js”></script></head><body><div class=”progress-bar position”></div><div…
-
Alertify.js
Alertify.js is a jQuery plugin for showing alert messages in different format A Simple of alertify example as shown below − <!doctype html><html lang =”en”><head><meta charset =”utf-8″><title>alertify.js – example page</title><link rel =”stylesheet” href =”alertify.core.css”/><link rel =”stylesheet” href =”alertify.default.css” id =”toggleCSS”/><meta name =”viewport” content =”width = device-width”><style>.alertify-log-custom { background: blue;}</style></head><body><h2>Dialogs</h2><a href =”#” id =”alert”>Alert Dialog</a><br><a href…
-
Rowgrid.js
Rowgrid.js is a jQuery plugin for showing images in a row. A Simple of rowgrid example as shown below − <!doctype html><html lang =”en”><head><meta charset =”UTF-8″><style>.container:before,.container:after { content:””; display: table;}.container:after { clear: both;}.item { float: left; margin-bottom:15px;}.item img { max-width:100%; max-height:100%; vertical-align: bottom;}.first-item { clear: both;}.last-row,.last-row ~.item { margin-bottom:0;}</style><script src =”https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js”></script><script src =”/jquery/src/rowgrid/jquery.row-grid.js”></script><script>$(document).ready(function(){$(“.container”).rowGrid({itemSelector:”.item”, minMargin:10, maxMargin:25,…
-
Slidebar.js
Slidebars is a jQuery plugin for quickly and easily implementing app style off-canvas menus and sidebars into your website. A Simple of slidebar example as shown below − <!doctype html><html><head><title>Slidebars Animation Styles</title><meta name =”viewport” content = “width = device-width, initial-scale =1.0, minimum-scale =1.0, maximum-scale =1.0, user-scalable = no”><link rel =”stylesheet” href =”slidebars.css”><link rel =”stylesheet” href…
-
Multiscroll.js
multiscroll.js is a jQuery plugin for creating split pages with two vertical scrolling panels. A Simple of multiscroll example as shown below − <!DOCTYPE html><html xmlns =”https://www.w3.org/1999/xhtml”><head><meta http-equiv =”Content-Type” content =”text/html; charset = utf-8″/><title>multiscroll.js – split multi-scrolling pages plugin</title><link rel =”stylesheet” type =”text/css” href =”/jquery/src/multiscroller/jquery.multiscroll.css”/><link rel =”stylesheet” type =”text/css” href =”/jquery/src/multiscroller/examples.css”/><script src =”https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js”></script><script type =”text/javascript”…
-
flickerplate
Flickerplate is a jQuery plugin for creating a slider which allows you cycle through images with animated arrows and dots navigation. A Simple of flickerplate example as shown below − <!DOCTYPE html><html><head><meta charset =”utf-8″><meta name =”viewport” content = “width = device-width, initial-scale =1.0, maximum-scale =1.0, user-scalable = no”><script src =”/jquery/src/flickerplate/js/min/jquery-v1.10.2.min.js” type =”text/javascript”></script><script src =”/jquery/src/flickerplate/js/min/modernizr-custom-v2.7.1.min.js” type…
-
Page Pilling
pagePiling.js is a jQuery plug-in for ‘piling’ your layout sections over one another and accessing them by scrolling. A Simple of theming example as shown below − <!DOCTYPE html><html xmlns = “https://www.w3.org/1999/xhtml”><head><meta http-equiv = “Content-Type” content = “text/html; charset = utf-8” /><link rel = “stylesheet” type = “text/css” href = “https://fonts.googleapis.com/css?family=Lato:300,400,700” /><link rel = “stylesheet”…
-
Plugins
A plug-in is piece of code written in a standard JavaScript file. These files provide useful jQuery methods which can be used along with jQuery library methods. There are plenty of jQuery plug-in available which you can download from repository link at https://jquery.com/plugins. How to use Plugins To make a plug-in’s methods available to us, we…
-
Utilities
Jquery provides serveral utilities in the formate of $(name space). These methods are helpful to complete the programming tasks.a few of the utility methods are as show below. $.trim() $.trim() is used to Removes leading and trailing whitespace $.trim( ” lots of extra whitespace ” ); $.each() $.each() is used to Iterates over arrays and…
-
Properties
In jQuery, properties generally refer to the attributes and values associated with DOM elements that can be accessed or manipulated using jQuery methods. jQuery Properties In the following table, we have listed all the jQuery Properties − Sr.No. Methods & Description 1 jqueryThe jquery property returns the version of the jQuery library in use. 2 jQuery.fx.intervalSets the…