页面文字变色、变大、还原

以下为详细代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>页面文字变色、变大、还原</TITLE>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">

<SCRIPT language=javascript> 
 var sInitColor = null; 
 function callColorDlg(){ 
  if (sInitColor == null)  
    var sColor = dlgHelper.ChooseColorDlg(); 
  else 
    var sColor = dlgHelper.ChooseColorDlg(sInitColor); 
  sColor = sColor.toString(16); 
  if (sColor.length < 6)  
  { 
    var sTempString = "000000".substring(0,6-sColor.length); 
    sColor = sTempString.concat(sColor); 
  } 
// document.body.bgColor = sColor; 
 document.getElementById('content').style.color= sColor; 
 } 
 // function cBgColor(){
 // if(personalForm.bgcolorj.value != "0"){
  // document.getElementById("content").style.backgroundColor="#"+personalForm.bgcolorj.value;
  //}
 //}
 function callColorDlg1() 
 { 
  if (sInitColor == null)  
    var sColor = dlgHelper.ChooseColorDlg(); 
  else 
    var sColor = dlgHelper.ChooseColorDlg(sInitColor); 
  sColor = sColor.toString(16); 
  if (sColor.length < 6)  
  { 
    var sTempString = "000000".substring(0,6-sColor.length); 
    sColor = sTempString.concat(sColor); 
  } 
// document.body.bgColor = sColor; 
 document.getElementById('content').style.backgroundColor= sColor; 
 } 
 function cSize(){
 var form = document.getElementById("personalForm");
 if(form.contentsize.value != "0")
  tcc.style.fontSize=form.contentsize.value;
 switch(form.contentsize.value){
  case "12": tcc.style.lineHeight="22px"; break;
  case "14": tcc.style.lineHeight="24px"; break;
  case "16": tcc.style.lineHeight="26px"; break;
  case "18": tcc.style.lineHeight="28px"; break;
  case "22": tcc.style.lineHeight="30px"; break;
  default: tcc.style.lineHeight="24px"; break;
 }
 }
 </SCRIPT>

<DIV id=content>
	<DIV class=tools id=tool1>
		<SPAN onclick=callColorDlg()>字体颜色</SPAN> 
		<SPAN onclick=callColorDlg1()>背景颜色</SPAN> 
		<FORM id=personalForm name=personalForm>
			<INPUT id=showMenu onclick=changeMenu(); type=hidden value=checkbox name=showMenu> 
			<SELECT onchange=cSize(); name=contentsize> 
				<OPTION value=0 selected>字体大小</OPTION> 
				<OPTION value=14>默认设置</OPTION> 
				<OPTION value=12>小</OPTION> 
				<OPTION value=16>中</OPTION>
				<OPTION value=18>中大</OPTION> 
				<OPTION value=22>大</OPTION>
			</SELECT> 
		</FORM>
	</DIV>
	
	<H1 id=tcn>第十七章 神秘杀手遗尸骸</H1>
	<DIV id=tcc>
		仔细的查看谷内的情况后，这才发现谷中的情况和我们之前在石山山顶看到完
	</DIV>
</DIV>

</BODY>
</HTML>

前一页:windows颜色选择框

后一页:手动调节背景色：背景色能用按钮进行手动调节