打印本文 关闭窗口 | |
文章内容页修改:字体大小、行距及颜色随意改变提供下载!来源于瑞达科技网 | |
作者:佚名 文章来源:网络 点击数 更新时间:2011/12/26 文章录入:瑞达 责任编辑:李家远华 | |
|
|
文章内容页修改:字体大小、行距及颜色随意改变提供下载! 演示地址:http://www.ruida.org 字体缩小、放大的问题和颜色随意改变 在里面加入了“正常”这一字体,就是默认的字体大小,另外我把JS单独分离出来: 下载地址:www.ruida.org/Soft/web/6734.shtml
修改如下: 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% }
|
|
打印本文 关闭窗口 |