您现在的位置是:网站首页> 编程资料编程资料

改变文章字体大小/背景颜色(含cookie控制)_资源网

2023-12-06 250人已围观

简介 改变文章字体大小/背景颜色(含cookie控制)_资源网

1、


减小字体
增大字体     


大小

2、


用onclick事件实现改变文章字体大小



大字体 |
中字体 |
小字体

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


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 getCookie(Name)   //cookies读取
{
 var search = Name + "=";
 if(document.cookie.length > 0){
  offset = document.cookie.indexOf(search);
  if(offset != -1) {
   offset += search.length;
   end = document.cookie.indexOf(";", offset);
   if(end == -1){
    end = document.cookie.length;
   }
   return unescape(document.cookie.substring(offset, end));
  }
 }
 return "";
}

// 内容样式用户定义
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);
 }
}


//***

-六神源码网