JQuery 新手引导

Demo :  /> guide.rar

这个简单的新手引导效果是由慕课网的课程“新手引导”改写的

$(function(){
    //读取cookie
    var res=document.cookie.substring(5,20);
    console.log(res);

    //如果没有cookie，执行以下动作
    if(res!=" style="color:#0000CC;">){
        //显示第一个新手引导
        $('#mask,#searchTip,#searchTip div:eq(0)').show();
        //点击下一步时隐藏本新手引导并显示下一个新手引导
        $('#searchTip div a').click(function(){
            $(this).parent().hide();
            $(this).parent().next().show();
        })
        //点击关闭和到最后一个新手引导时隐藏蒙板和整个新手引导
        $('#searchTip div span,#searchTip div a:last').click(function(){
            $('#mask,#searchTip').hide();
        })

        //添加cookie
        var oDate=new Date();
        oDate.setDate(oDate.getDate()+30);
        document.cookie="name= style="color:#0000CC;">+oDate;
    }
})