一个用户引导的js插件(基于jquery)
有时候我们上线的网站可以要对第一次使用的用户进行一个引导,当然我们必须要建立帮助中心,也要附带一些图文说明指引用户进一步操作,而有时候也会使用一些更让人舒服的指引方法,使用一个偏暗遮罩将页面的元素挡住,然后将设定好的操作步骤一步一步加亮强调,从而引导用户去操作并附带一些说明文字与图片,这种方式不会影响太多用户体验,很简洁地引导了用户如何使用应用。
用法很简单
$(document).ready(function(){ $(this).guide({ ele : [], // 每步要突出的元素,在demo中就是三个按钮的ID img : [], // 每步附加的图片 txt : [] // 每步附加的文字解析 }).start(); });
DEMO地址 http://paperen.com/demo/guide/
PS:没在IE6/7下测试过~~
評論
0沒有任何評論