pagewalkthrough是一个比较强大的引导插件，使用起来也很方便。

这个引导页是github上面的一个开源项目：https://github.com/jwarby/jquery-pagewalkthrough

我的这个案例代码如下：

  $('body').pagewalkthrough({
        name: 'introduction',
        steps: [{
           popup: {
               content: '#haorooms-1',
               type: 'modal'
           }
        }, {
            wrapper: '#logo',
            popup: {
                content: '#haorooms-2',
                type: 'tooltip',
                position: 'bottom'
            }
        }, {
            wrapper: 'h2.top_title a',
            popup: {
                content: '#haorooms-3',
                type: 'tooltip',
                position: 'bottom'
            }
        }, {
            wrapper: 'a[href="http://www.haorooms.com/download"]',
            popup: {
                content: '#haorooms-4',
                type: 'tooltip',
                position: 'right'
            }
        },]
    });

    // Show the tour
    $('body').pagewalkthrough('show');