实现一步步介绍网站功能的jQuery插件:Hemi Intro

xf3f 7年前

实现一步步介绍网站功能的jQuery插件:Hemi Intro。

Demo:

http://heminei.github.io/jquery-hemi-intro/demo/

Required:

Bootstrap (http://getbootstrap.com/)!

How to use:

<link href="/src/jquery.hemiIntro-1.0.css" rel="stylesheet" type="text/css"/>  <script src="/src/jquery.hemiIntro-1.0.js" type="text/javascript"></script>
$(function () { var intro = $.hemiIntro({          steps: [              {                  selector: ".nav-justified",                  placement: "bottom",                  content: "Text text text text text text text text text text",              },              {                  selector: ".jumbotron",                  placement: "bottom",                  content: "Text2 text2 text2 text2 text2 text2 text2 text2 text2 text2 text2 text2" },          ]      });      intro.start();  });

项目主页:http://www.open-open.com/lib/view/home/1429862133073