Category Archives: jquery – lib

Weather.js

Weather.js is a jQuery plugin to find the information about weather details. A Simple of Weather.js example as shown below − <!DOCTYPE html> <html lang = “en”> <head> <meta charset = “UTF-8”> <meta name = “viewport” content = “width = device-width, initial-scale = 1”> <link rel = “stylesheet” href = “https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css”> <link rel = “stylesheet”… Read More »

Megadropdown.js

Megadropdown.js is a jQuery plugin for easy and quickly implementing of drop down menu. Example of Drop down menu as shown below − <!doctype html> <html lang = “en” class = “no-js”> <head> <meta charset = “UTF-8”> <meta name = “viewport” content = “width = device-width, initial-scale = 1”> <link rel = “stylesheet” href =… Read More »

Producttour.js

Producttour.js is a jQuery plugin for quickly and easily implementing of help guide into your website. A Simple of producttour.js example as shown below − <!doctype html> <html lang = “en” class = “no-js”> <head> <meta charset = “UTF-8″> <meta name = “viewport” content = “width = device-width, initial-scale = 1″> <link rel = “stylesheet”… Read More »

Blockrain.js

Blockrain.js is a jQuery plugin for lets you embed the classic Tetris game on your website. A Simple of blockrain example as shown below − <!DOCTYPE html> <html> <head> <meta charset = “utf-8” /> <link href = ‘https://fonts.googleapis.com/css?family=Play:400,700’ rel = ‘stylesheet’ type = ‘text/css’> <link rel = “stylesheet” href = “assets/css/style.css”> <link rel = “stylesheet”… Read More »

Checkout.js

Checkout.js is a jQuery plugin for easy to implementation of check out for e-commerce websites. A Simple of checkout.js example as shown below − <html xmlns = “https://www.w3.org/1999/xhtml”> <head> <meta http-equiv = “Content-Type” content = “text/html; charset = iso-8859-1” /> <title>Untitled Document</title> <script type = “text/javascript” src = “jquery-1.3.2.js”></script> <script type = “text/javascript” src =… Read More »

Whatsnearby.js

Whatsnearby.js is a jQuery plugin for quickly find the nearest places. A Simple of whatsnearby.js example as shown below − <!DOCTYPE html> <html> <head> <meta charset = “utf-8″/> <link rel = “stylesheet” href = “https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css”> <script src = “example/js/es5-shim.min.js” type = “text/javascript”> </script> <script src = “example/js/es5-sham.min.js” type = “text/javascript”></script> <script src = “https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js” type… Read More »

Filer.js

Filer.js is a jQuery plugin for quickly and easily implementing of uploading files. A Simple of filer.js example as shown below − <html xmlns = “https://www.w3.org/1999/xhtml”> <head> <meta http-equiv = “Content-Type” content = “text/html; charset = utf-8” /> <link href = “css/jquery.filer.css” type = “text/css” rel = “stylesheet” /> <link href = “css/themes/jquery.filer-dragdropbox-theme.css” type =… Read More »

Logosdistort.js

Logosdistort.js is a jQuery plugin for quickly and easily implementing of mouse over effect on images A Simple of logosdistort example as shown below − <!DOCTYPE html> <html> <head> <meta name = “viewport” content = “width = device-width, initial-scale = 1.0”> <link rel = “stylesheet” href = “//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css”> <link href = “assets/css/style.css” rel = “stylesheet”… Read More »

Tagsort.js

Tagsort.is a jQuery plugin for showing tags. A Simple of tagsort Example as shown below − <!DOCTYPE html> <html lang = “en”> <head> <meta charset = “UTF-8”> <title>Tagsort Demo</title> <!– Demo Styles –> <style> html,body { margin: 0; padding: 0; } body { background-color: #FFF; font-family: “HelveticaNeue-Light”, “Helvetica Neue Light”, “Helvetica Neue”, Helvetica, Arial, “Lucida… Read More »

Drawsvg.js

Drawsvg.js is a jQuery plugin to draw svg images A Simple of drawsvg example as shown below <!DOCTYPE html> <html lang = “en”> <head> <meta charset = “UTF-8”> <link rel = “shortcut icon” type = “image/x-icon” href = “favicon.ico”> <link rel = “stylesheet” href = “https://fonts.googleapis.com/css?family=Open+Sans:400,600”> <link rel = “stylesheet” href = “style.css”> </head> <body>… Read More »