
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');
PREVIOUS:
NEXT: