panlatent / Jquery Guide
Licence: mit
A jQuery plugin that new layout or new features using guide
Stars: ✭ 50
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Jquery Guide
Egjs
Javascript components group that brings easiest and fastest way to build a web application in your way.
Stars: ✭ 871 (+1642%)
Mutual labels: jquery-plugin
Jquery.lazy
A lightweight, fast, feature-rich, powerful and highly configurable delayed content, image and background lazy loading plugin for jQuery & Zepto.
Stars: ✭ 965 (+1830%)
Mutual labels: jquery-plugin
Elastic Columns
A jQuery plugin designed to be used as an alternative to the well-known Isotope library.
Stars: ✭ 39 (-22%)
Mutual labels: jquery-plugin
Parallax background
jQuery parallax background plugin based on GSAP
Stars: ✭ 30 (-40%)
Mutual labels: jquery-plugin
Viewer
⚠️ [Deprecated] No longer maintained, please use https://github.com/fengyuanchen/jquery-viewer
Stars: ✭ 985 (+1870%)
Mutual labels: jquery-plugin
Jquery.marquee
jQuery plugin to scroll the text like the old traditional marquee
Stars: ✭ 857 (+1614%)
Mutual labels: jquery-plugin
Cropper
⚠️ [Deprecated] No longer maintained, please use https://github.com/fengyuanchen/jquery-cropper
Stars: ✭ 7,825 (+15550%)
Mutual labels: jquery-plugin
Gridstrap.js
gridstrap.js is a jQuery plugin designed to take Bootstrap's CSS grid system and turn it into a managed draggable and resizeable grid while truely maintaining its responsive behaviour.
Stars: ✭ 32 (-36%)
Mutual labels: jquery-plugin
Bootstrap Show Modal
A Bootstrap 4 / jQuery plugin wrapper, to create modals dynamically in JavaScript
Stars: ✭ 38 (-24%)
Mutual labels: jquery-plugin
Framecarousel
A jQuery plugin for quickly creating carousels within frames
Stars: ✭ 14 (-72%)
Mutual labels: jquery-plugin
Sticky Nav
A jQuery plugin make the navbar sticky, smart anchor link highlighting, smooth scrolling. Simple and powerful.
Stars: ✭ 21 (-58%)
Mutual labels: jquery-plugin
Jquery Sse
jQuery Plugin for Server-Sent Events (SSE) EventSource Polyfill
Stars: ✭ 37 (-26%)
Mutual labels: jquery-plugin
Facebook Reactions Js
A simple & easy solution to add Facebook style "Like" button with reactions.
Stars: ✭ 42 (-16%)
Mutual labels: jquery-plugin
Bootstrap Msg
The jQuery plugin for showing message with Bootstrap alert classes
Stars: ✭ 10 (-80%)
Mutual labels: jquery-plugin
Jquery.tabslideout.js
jQuery plugin to create a side/top/bottom tab that slides out to show a feedback form, contact form, notepad etc.
Stars: ✭ 35 (-30%)
Mutual labels: jquery-plugin
Hummingbird Treeview
A powerful and fast jQuery treeview plugin
Stars: ✭ 50 (+0%)
Mutual labels: jquery-plugin
Uploader
A lightweight and very configurable jQuery plugin for file uploading using ajax(a sync); includes support for queues, progress tracking and drag and drop.
Stars: ✭ 1,042 (+1984%)
Mutual labels: jquery-plugin
Jquery Keyfilter
This plugin filters keyboard input by specified regular expression.
Stars: ✭ 37 (-26%)
Mutual labels: jquery-plugin
jQuery Guide
A jQuery plugin that new layout or new features using guide
View the demo
http://panlatent.github.io/jquery-guide/
How to using
- Download this library:
<script src="jquery.guide.js"></script>
- Bower: bower.json:
{
"dependencies": {
"jquery-guide": ">=1.0.0"
}
}
Example
var guide = $.guide({
actions: [
{
element: $('#domeStartGuideBtn'),
content: '<p>Welcome, click on the screen at any position to enter the next step</p>',
offsetX: -140,
offsetY: 60
},
{
element: $('#domeUsingPanel'),
content: '<p>How to using...</p>',
offsetX: -140,
offsetY: 0,
beforeFunc: function(g) {
$('#domeUsingPanel').fadeIn();
}
},
{
element: $('#domeGithubBtn'),
content: '<p>Click here to access the project for Github</p>',
offsetX: 0,
offsetY: 50,
isBeforeFuncExec: true,
beforeFunc: function(g) {
$('#domeGithubBtn').slideDown(function() {
g.execAction();
});
}
}
]
});
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].