實現一步步介紹網站功能的jQuery插件：Hemi Intro

xf3f 9年前發布 | 21K 次閱讀 jQuery頁面導航插件 jQuery插件 Hemi Intro

實現一步步介紹網站功能的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.baiduhome.net/lib/view/home/1429862133073

 本文由用戶 xf3f 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！