文章内容页修改：字体大小、行距及颜色随意改变提供下载！

     演示地址：http://www.ruida.org.cn

     字体缩小、放大的问题和颜色随意改变

    在里面加入了“正常”这一字体，就是默认的字体大小，另外我把JS单独分离出来：

   下载地址：www.ruida.org.cn/Soft/web/6734.shtml

   下载后解压上传到根目录js，再在文章内容页里插入调用代码：<script language='JavaScript' src='/JS/21hrdfont.js'></script>，当然要删掉原来的script（里面包含字体颜色随意改动，后面说明）

    修改如下：

  PS：在JS中我加入“正常字体”（只是说明，供大家研究，看有什么错误）：

function fontZoom(curfontsize){ //设置字体 size=curfontsize; document.getElementById(’fontZoom’).style.fontSize=size+’px’; }

  在文章来源、作者那一行下加入如下代码：

〈tr〉           〈td width="55%"〉[ 字体：〈A class=top_UserLogin href="nojavascript...fontZoomA();" 〉缩小〈/A〉 〈A class=top_UserLogin href="nojavascript...fontZoom(14)"〉正常〈/A〉 〈A class=top_UserLogin href="nojavascript...fontZoomB();"〉放大〈/A〉             | 双击自动滚屏 ]〈/td〉           〈td width="45%"〉〈div align="right"〉请选择合适的字体颜色：               〈select name=do_color_frm size=1 onchange="if(this.options[this.selectedIndex].value!=’’)   {do_color(’fontZoom’,this.options[this.selectedIndex].value);}"〉                 〈option selected〉选择颜色〈/option〉                 〈option style="background-color:Black;color:Black" value=Black〉黑                 色〈/option〉                 〈option style="background-color:Red;color:Red" value=Red〉红 色〈/option〉                 〈option style="background-color:Yellow;color:Yellow" value=Yellow〉黄                 色〈/option〉                 〈option style="background-color:Green;color:Green" value=Green〉绿                 色〈/option〉                 〈option style="background-color:Orange;color:Orange" value=Orange〉橙                 色〈/option〉                 〈option style="background-color:Purple;color:Purple" value=Purple〉紫                 色〈/option〉                 〈option style="background-color:Blue;color:Blue" value=Blue〉蓝                 色〈/option〉                 〈option style="background-color:Brown;color:Brown" value=Brown〉褐                 色〈/option〉                 〈option style="background-color:Teal;color:Teal" value=Teal〉墨                 绿〈/option〉                 〈option style="background-color:Navy;color:Navy" value=Navy〉深                 蓝〈/option〉                 〈option style="background-color:Maroon;color:Maroon" value=Maroon〉赭                 石〈/option〉                 〈option style="background-color:#00FFFF;color: #00FFFF" value="#00FFFF"〉粉                 绿〈/option〉                 〈option style="background-color:#7FFFD4;color: #7FFFD4" value="#7FFFD4"〉淡                 绿〈/option〉                 〈option style="background-color:#FFE4C4;color: #FFE4C4" value="#FFE4C4"〉黄                 灰〈/option〉                 〈option style="background-color:#7FFF00;color: #7FFF00" value="#7FFF00"〉翠                 绿〈/option〉                 〈option style="background-color:#D2691E;color: #D2691E" value="#D2691E"〉综                 红〈/option〉                 〈option style="background-color:#FF7F50;color: #FF7F50" value="#FF7F50"〉砖                 红〈/option〉                 〈option style="background-color:#6495ED;color: #6495ED" value="#6495ED"〉淡                 蓝〈/option〉                 〈option style="background-color:#DC143C;color: #DC143C" value="#DC143C"〉暗                 红〈/option〉                 〈option style="background-color:#FF1493;color: #FF1493" value="#FF1493"〉玫瑰红〈/option〉                 〈option style="background-color:#FF00FF;color: #FF00FF" value="#FF00FF"〉紫                 红〈/option〉                 〈option style="background-color:#FFD700;color: #FFD700" value="#FFD700"〉桔                 黄〈/option〉                 〈option style="background-color:#DAA520;color: #DAA520" value="#DAA520"〉军                 黄〈/option〉                 〈option style="background-color:#808080;color: #808080" value="#808080"〉烟                 灰〈/option〉                 〈option style="background-color:#778899;color: #778899" value="#778899"〉深                 灰〈/option〉                 〈option style="background-color:#B0C4DE;color: #B0C4DE" value="#B0C4DE"〉灰                 蓝〈/option〉               〈/select〉             〈/div〉〈/td〉         〈/tr〉 〈tr〉〈td〉 〈/td〉〈/tr〉   〈tr〉 

    字体大小设置

    主要是CSS的修改：

     在/* --文章显示页的css定义开始-- */里增加：

 .content /* 文章内容文字大小定义 */      {        font-size: 14px; line-height: 140%       }

　　然后在文章内容里调用class=content，我把它设置为14，通用的字体大小与21hrdfont.js设置相同，如果大家想修改，可以自己改……另外，行距我就不说了，自行搞定。