网页字体大小调整_网页字体颜色修改

时间：2026-06-28 21:57:41来源：汇创宝软件作者：佚名用手机看

扫描二维码随身看资讯

使用手机二维码应用扫描右侧二维码，您可以
1. 在手机上细细品读~
2. 分享给您的微信好友或朋友圈~

1、

大小

2、

<style type=text/css>
.bfont {font-size:20px;}
.nfont {font-size:16px;}
.sfont {font-size:12px;}
.cdiv {font-size:12px;}
.cdiv span {cursor:hand;text-decoration:underline;color:blue;}
</style>
用onclick事件实现改变文章字体大小

<body id = pgcontent class = nfont>

大字体 |
中字体 |
小字体

点击上面的“大字体”，“中字体”，“小字体”，可以相应改变字体大小。

3、

改变字体大小

[大字体
中字体
小字体]

4、加入cookie控制

function setCookie(name, value) /cookies设置
{
var argv = setCookie.arguments;
var argc = setCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
if(expires!=null){
var LargeExpDate = new Date ();
LargeExpDate.setTime(LargeExpDate.getTime() + (expires*1000*3600*24));
}
document.cookie = name + = + escape (value) + ; path=/; +((expires == null) ? : ( expires= +LargeExpDate.toGMTString()));
}

/ 内容样式用户定义
function ContentSize(size)
{
var obj=document.getElementById(content);
obj.style.fontSize=size>0 ? size+px : ;
if (arguments.length==1){
setCookie(iwmsFontSize,size,size==0?-1:1);
}
}
function ContentBg(color)
{
var obj=document.getElementById(bodyTd);
obj.style.backgroundColor=color;
if (arguments.length==1){
setCookie(iwmsContBg,color,color.length==0?-1:1);
}
}
function InitContStyle()
{
var v=getCookie(iwmsFontSize);
if (v.length>0){
ContentSize(v,false);
}
v=getCookie(iwmsContBg);
if (v.length>0){
ContentBg(v,false);
}
}