有时候我们上线的网站可以要对第一次使用的用户进行一个引导,当然我们必须要建立帮助中心,也要附带一些图文说明指引用户进一步操作,而有时候也会使用一些更让人舒服的指引方法,使用一个偏暗遮罩将页面的元素挡住,然后将设定好的操作步骤一步一步加亮强调,从而引导用户去操作并附带一些说明文字与图片,这种方式不会影响太多用户体验,很简洁地引导了用户如何使用应用。

用法很简单


$(document).ready(function(){
 $(this).guide({
  ele : [], // 每步要突出的元素,在demo中就是三个按钮的ID
  img : [], // 每步附加的图片
  txt : [] // 每步附加的文字解析
 }).start();
});


DEMO地址 http://paperen.com/demo/guide/

PS:没在IE6/7下测试过~~