jQuery网页功能操作步骤向导插件wlGuide

查看演示 下载资源 下载积分： 30 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

使用方法

var guide = [
    {
        ele: "#tmp1", //要绑定的目标焦点对象，可以给定jQuery选择符，DOM，jQuery元素对象等
        title: "该步骤标题",
        text: "该步骤的内容"
    },
    {
        //和上面一样的格式，这里是下一个步骤的内容
    },
    //.....
];
$.wlGuide(guide); //调用,具体使用可参见index.html的使用方法

js代码

<script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script src="js/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="js/jquery.guide.min.js"></script>
<script type="text/javascript">		
$(document).ready(function(){
		var guide = [
			{ele:$("#tmp1"),title:"STEP #1",text:"这是第一步"},
			{ele:$("#tmp2"),title:"STEP #2",text:"这是第二步"},
			{ele:$("#tmp3"),title:"STEP #3",text:"这是第三步"},
			{ele:$("#tmp4"),title:"STEP #4",text:"这是第四步"}
		];
		$("#startDemo").click(function(){
			$.wlGuide(guide);
		});
});

</script>