東鈿金融服務平臺 用戶第一次訪問頁面出現,引導步驟,起初一直使用cookie,可是cookie一直不穩定css
今天老大說改用localStorage 因而乎百度,查了一篇博客html
http://www.cnblogs.com/xiaowei0705/archive/2011/04/19/2021372.htmlcookie
簡單介紹和使用了localStorage 在個人頁面上就只是用了 獲取localStorage,和設置localStorage。思路和邏輯 和cookie是同樣的,代碼以下:ide
var a = localStorage.getItem("a"); //獲取a的值 關鍵代碼 獲取
//設置localStorage 若是用戶第一次進入頁面就顯示引導用戶步驟
if(a == null){
$(".stepbox").show("slow",function(){
$("html,body").css("overflow","hidden");
});this
$(".stepbox .step1").click(function(){spa
$(this).hide();
$(".step2").show();
})htm
$(".stepbox .step2").click(function(){
$(this).hide();
$(".step3").show();
});blog
$(".stepbox .step3").click(function(){get
$(this).parents(".stepbox").hide("slow",function(){});
$("html,body").css("overflow","auto");
}); 博客
localStorage.setItem("a","visited"); //設置a爲"visited" 關鍵代碼 設置 }