Category: Plugins
-
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” href =”https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css”><link href =’https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700′ rel =’stylesheet’ type =’text/css’><link rel =”stylesheet” type =”text/css” href…
-
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 =”css/reset.css”><link rel =”stylesheet” href =”css/style.css”><script src =”js/modernizr.js”></script></head><body><header><div class=”cd-dropdown-wrapper”><a class=”cd-dropdown-trigger” href =”#0″>Dropdown</a><nav class=”cd-dropdown”><h2>Title</h2><a href =”#0″class=”cd-close”>Close</a><ul…
-
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” href =”css/reset.css”><link rel =”stylesheet” href =”css/style.css”><script src =”js/modernizr.js”></script></head><body background =”tp.png”><div class=”cd-nugget-info”><button id =”cd-tour-trigger”class=”cd-btn”>Start…
-
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” href =”src/blockrain.css”></head><body><section id =”examples”><article id =”example-slider”><div class=”example”><div class=”instructions”> Use only arrows <div class=”keyboard”><div class=”key…
-
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 =”jquery.livequery.js”></script><link href =”css.css” rel =”stylesheet”/><script type =”text/javascript”>$(document).ready(function(){var Arrays =newArray();$(‘#wrap li’).mousemove(function(){var position =$(this).position();$(‘#cart’).stop().animate({ left…
-
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 =”text/javascript”></script><script src =”https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places”></script><script src =”source/WhatsNearby.js” type =”text/javascript”></script><script type =”text/javascript”>$(document).ready(function(){$(“#wn2″).whatsnearby({ zoom:15, width:”100%”, address:”jublihills”, placesRadius:500, placesTypes:[‘restaurant’,’cafe’,’gym’]});});</script></head><body><div class=”container”><div class=”well”><div…
-
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 =”text/css” rel =”stylesheet”/><!–jQuery–><script type =”text/javascript” src =”https://code.jquery.com/jquery-latest.min.js”></script><script type =”text/javascript” src =”js/jquery.filer.min.js”></script><script type =”text/javascript”>$(document).ready(function(){$(‘#input1’).filer();$(‘.file_input’).filer({ showThumbs:true,…
-
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”/><link href =”assets/css/perspectiveRules.css” rel =”stylesheet”/></head><body><div id =”min-max-tag”><i class=”fa fa-chevron-circle-left”></i></div><div id =”demo1″><div id…
-
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 Grande”, sans-serif; font-weight:300;}.container { width:80%; margin:0 auto;} h1 > small a { color: #AAA; text-decoration:…
-
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><div class=”intro”><div class=”container”><div class=”overlay”><div class=”inner”><h1>jQuery DrawSVG Sample</h1><div class=”items-wrapper”><div class=”item active”><svg viewBox =”0 0 201 146″class=”svgClass” style =”background-color:#ffffff00″…