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

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

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

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

下载地址：www.ruida.org/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设置相同，如果大家想修改，可以自己改……另外，行距我就不说了，自行搞定。