字体放大缩小 和 背景颜色切换
两者的共同点:
- 都需要用到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>')
}