|
我在里面加入了“正常”这一字体，就是默认的字体大小，另外我把JS单独分离出来：
下载地址：js文件下载
下载后解压上传到根目录js，再在文章内容页里插入调用代码：<script language='javascript' src='/JS/font.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="javascript:fontZoomA();" >缩小</A> <A class=top_UserLogin href="javascript:fontZoom(14)">正常</A> <A class=top_UserLogin href="javascript: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，通用的字体大小与font.js设置相同，如果大家想修改，可以自己改……另外，行距我就不说了，自行搞定。 |
[
[