书城APP - 经验总结

字体放大缩小 和 背景颜色切换

两者的共同点：

• 都需要用到localstorage进行本地数据存储

两者的不同点：

• 背景用到了数组，其中背景颜色的取值由data-color（data-*）实现

var initFontsize = Util.StorageGetter("font_size");
if(!initFontsize){
    initFontsize=14;
}
$("#fition_container").css("font-size",initFontsize);

$("#large_button").click(function(){
    initFontsize += 1;
    $("#fition_container").css("font-size",initFontsize);
    Util.StorageSetter("font_size",initFontsize );
})

var color= Util.StorageGetter("background_color");
if(color){
    $("body").css("background_color",color);
}

$(".bg-container").click(function(){
    var color=$(this).data("color");
    $("body").css("background_color",color);
    Util.StorageSetter("background_color",color);
}

颜色数组
var colorArr=[{
    value:#fff ,
},{},{},{}]
for(var i=0;i<colorArr[i].length;i++){
      $().append('<div class="bg" data-color="colorArr[i].value" style="background-color:colorArr[i].value"></div>')
}