A jQuery plugin that new layout or new features using guide
JavaScript CoffeeScript CSS
Switch branches/tags
Nothing to show
Clone or download
Latest commit b971de3 Jan 17, 2015
Permalink
Failed to load latest commit information.
dome Change project structure Oct 19, 2014
lib Change project structure Oct 19, 2014
src Rewrite the plugin use coffee script Oct 21, 2014
.gitattributes Add .gitattributes Jan 10, 2015
.travis.yml Change project structure Oct 19, 2014
LICENSE Initial commit May 27, 2014
README.md Fix version Jan 17, 2015
bower.json Fix version Jan 17, 2015
package.json Create package.json Oct 19, 2014

README.md

jQuery Guide

Build Status

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();
				});
			}
		}
	]
});