文章内容的保护视力色、字体大小JS实现

文章内容的保护视力色、字体大小JS实现

第一种方法：

//HTML代码开始

<div>保护视力色：

<a “javascript://” onClick=”textp.style.backgroundColor=’FAFBE6′;set_color(‘FAFBE6’)”><img src=”Skin/corp/images/icon01.gif” /></a>
<a “javascript://” onClick=”textp.style.backgroundColor=’FFF2E2′;set_color(‘FFF2E2’)”><img src=”Skin/corp/images/icon02.gif” /></a>
<a “javascript://” onClick=”textp.style.backgroundColor=’FDE6E0′;set_color(‘FDE6E0’)”><img src=”Skin/corp/images/icon03.gif” /></a>
<a “javascript://” onClick=”textp.style.backgroundColor=’F3FFE1′;set_color(‘F3FFE1’)”><img src=”Skin/corp/images/icon04.gif” /></a>
<a “javascript://” onClick=”textp.style.backgroundColor=’DAFAFE’;set_color(‘DAFAFE’)”><img src=”Skin/corp/images/icon06.gif” /></a>
</div>

  <div class=”ccontent” id=”textp”>文本内容</div>

第二种方法：

//fontzoom.jsw文件内容

function fontZoom(size)
{
document.getElementById(‘fontzoom’).style.fontSize=size+’px’
}function setColor(color_val) {
document.getElementById(‘detail’).style.backgroundColor = color_val;
writeCookie(“bgColor_cookie”, color_val, 24)
}

// HTML

<script type=”text/javascript” src=”fontzoom.js”></script>

<div id=fontzoom>  </div>
  【字体：<a “javascript:fontZoom(16)” class=black>大</a>&nbsp;<a “javascript:fontZoom(14)” class=black>中</a>&nbsp;<a “javascript:fontZoom(12)” class=black>小</a>】 

【背景色 -&nbsp;<A “javascript:setColor(‘FAFBE6’)”><IMG height=10 src=”images/color1.gif” width=10 border=0></A>

&nbsp; <A “javascript:setColor(‘FFF2E2’)”><IMG height=10 src=”images/color2.gif” width=10 border=0></A>]
【<a “javascript:window.close()” >关闭</a>]