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”… Read More »
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… Read More »
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:… Read More »
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”>… Read More »
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 =… Read More »
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 =… Read More »
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” />… Read More »
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… Read More »
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… Read More »
Jquery has two different styling themes as A And B.Each with different colors for buttons, bars, content blocks, and so on. The syntax of J query theming as shown below − <div data-role = “page” data-theme = “a|b”> A Simple of A theming Example as shown below <!DOCTYPE html> <html> <head> <meta name = “viewport”… Read More »