使用方法:
mintro( {
firstStep: 0 , // 默认显示第几个引导
stepClass: 'mintro_steps' , // 每个引导元素包裹的class
steps: [ // steps 数组纪录按顺序需要显示的引导
// element jquery选择器,设置的话,即引导需要吸附的元素
// intro 引导元素的html代码,一般自定义引导就在这里设置
// diff 对象,设置intro的定位。根据element元素的左上角,相差top,left像素的值计算intro的定位,目的是方便精确引导定位。
// 需要注意:.mintro_close , .mintro_next 为每个引导元素intro,代表关闭和下一个引导。需要css,根据需求自定义位置
{ intro: '<div class="first_step0"></div>' } ,
{ element: '.intro1' , intro: '<div class="first_step1"></div>' , diff: { top: -30 , left: 24 } } ,
{ element: '.intro2' , intro: '<div class="first_step2"></div>' , diff: { top: -50 , left: 24 } } ,
{ element: '.intro3' , intro: '<div class="first_step3"></div>' , diff: { top: -44 , left: 24 } } ,
{ element: '.intro4' , intro: '<div class="first_step4"></div>' , diff: { top: -50 , left: 24 } } ,
{ element: '.intro5' , intro: '<div class="first_step5"></div>' , diff: { top: -8 , left: -50 } }
] ,
destroy: function(){} // 关闭引导的回调,一般都是在此处设置cookie记录本次已访问
} ) ;