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 »
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 »
a jQuery UI widget is a specialized jQuery plug-in.Using plug-in, we can apply behaviours to the elements. However, plug-ins lack some built-in capabilities, such as a way to associate data with its elements, expose methods, merge options with defaults, and control the plug-in’s lifetime. Sr.No. Widgets & Description 1 Accordion Enable to collapse the content,… Read More »
Interactions could be added basic mouse-based behaviours to any element. Using with interactions, We can create sortable lists, resizeable elements, drag & drop behaviours.Interactions also make great building blocks for more complex widgets and applications. Sr.No. Interactions & Description 1 Enable drag able functionality on any DOM element. 2 Enable any DOM element to be… Read More »