我使用以下脚本允许我的页面的访问者增加/减少字体大小(或将字体大小恢复为默认设置)。
有人知道如何让每个页面保留上一页增加/减少的字体大小吗?目前,当访问者调整字体大小并转到另一个页面时,字体大小将返回到默认大小,这意味着访问者必须为他们访问的每个页面重新调整字体大小。如果访问者在一个页面上调整页面大小然后转到另一个页面,那么其他寻呼机将自动以调整后的字体大小显示,这将是很好的。谢谢你,克里斯
function changeFontSize(objId, doIncreaseSize) {
var currentSize = 0, obj = document.getElementById(objId), newVal = 0, limitMax = 1.7, limitMin = 0.9, unit = 0.1;
if(!obj){
return false;
}
currentSize = parseFloat( obj.style.fontSize );
if (!obj.originalSize) { obj.originalSize = currentSize; }
if(doIncreaseSize){
unit = -unit;
}
newVal = currentSize - unit;
if(limitMax >= newVal && limitMin <= newVal){
obj.style.fontSize = newVal + "em";
}
return true;
}
function resetDefaultSize(objId) {
var obj = document.getElementById(objId);
if(!obj){
return false;
}
if (obj.originalSize) { obj.style.fontSize = obj.originalSize + "em"; }
return true;
}
HTML:
INCREASE: <href="#" onclick="changeFontSize('mydiv', true); return false;">
DECREASE: href="#" onclick="changeFontSize('mydiv'); return false;">
RESET TO DEFAULT: <href="#" onclick="resetDefaultSize('mydiv'); return false;">
答案 0 :(得分:1)
当用户更改字体(增加,减少,重置)时,使用cookie保存用户选择的字体大小。然后,每次加载网站上的页面时,请检查用户是否具有该Cookie。如果是这样,请检索cookie的值并将字体大小设置为cookie中的字体。