Category: Plugins
-
Slideshow.js
Slideshow.js is a jQuery plugin for quickly and easily implementing slide show of images or videos into your website. A Simple of slide show example as shown below − <!DOCTYPE html PUBLIC”-//W3C//DTD XHTML 1.0 Transitional//EN””https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><html xmlns =”https://www.w3.org/1999/xhtml” xml:lang =”en” lang =”en”><head><meta http-equiv =”content-type” content =”text/html; charset = UTF-8″/><link rel =”stylesheet” href =”css/supersized.css” type =”text/css” media…
-
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…