文章正文更换背景颜色和字号大小

一、更换文章背景颜色。

1、设置显示文章的表格id为<td id=zoom>

2、插入Javascript 代码

<!-- 字体大小和背景颜色控制 -->
                < SCRIPT >
                   var  obj  =  document.getElementById( ' zoom ' );
                   // 设置字体大小
                   function  doFont(size){
                    obj.style.fontSize = size + ' px ' ;
                   }
                    // 设置背景色
                   function  doColor(color){
                    obj.style.backgroundColor = color;
                   }
                   </ SCRIPT >

3、插入图片 [   背景颜色       ] ，将useMap 命名为 #Color。

<IMG height=14   src="/color.gif"     width=132   useMap=#color   border=0>

4、为各个颜色块设置点击热点，链接设为 Javascript：doColor（对应颜色值）

< MAP name =color >
< AREA shape = RECT   coords = 5 , 3 , 14 , 12          href = " javascript:doColor('#F2F1D3') " >

< AREA shape = RECT   coords = 20 , 3 , 30 , 12        href = " javascript:doColor('#EADDCE') " >
< AREA shape = RECT   coords = 36 , 2 , 46 , 11        href = " javascript:doColor('#FAD9C9') " >

< AREA shape = RECT   coords = 53 , 3 , 63 , 12        href = " javascript:doColor('#E6F1CD') " >
< AREA shape = RECT   coords = 69 , 2 , 79 , 11        href = " javascript:doColor('#CCF1F2') " >

< AREA shape = RECT   coords = 85 , 3 , 95 , 13        href = " javascript:doColor('#DAD5F4') " >
< AREA shape = RECT   coords = 102 , 2 , 112 , 12    href = " javascript:doColor('#DFE0E4') " >

< AREA shape = RECT   coords = 117 , 3 , 128 , 14    href = " javascript:doColor('#FAF7F4') " >
</ MAP >

二、更换文章字体大小。

1、添加字号控制：字号 [ 大 中 小 ] 。

2、插入Javascript 代码。见（一、2）

2、将链接设置为 Javascript：doFont（字号大小）

字号 [  < A   href ="javascript:doFont(16)" > 大 </ A >
             < A  href ="javascript:doFont(14)" > 中 </ A >
             < A   href ="javascript:doFont(12)" > 小 </ A >  ]

好了。