当前位置:首页 > 选择字体当前页面变更字体大小代码 >
选择字体当前页面变更字体大小代码
2013-10-10 20:41:43 来源:邯郸网站开发
<style type="text/css">
<!--
body {font-size:16px}
-->
</style>
这里是JAVASCRIPT文件:
<SCRIPT type=text/javascript>
function $(putinet) {
return document.getElementById(putinet);
}
//转换字号
function doZoom(size){
if(size==14){
$("contentText").style.fontSize = size + "px";
$("putinet14").style.display = "";
$("putinet16").style.display = "none";
$("putinet18").style.display = "none";
}
if(size==16){
$("contentText").style.fontSize = size + "px";
$("putinet14").style.display = "none";
$("putinet16").style.display = "";
$("putinet18").style.display = "none";
}
if(size==18){
$("contentText").style.fontSize = size + "px";
$("putinet14").style.display = "none";
$("putinet16").style.display = "none";
$("putinet18").style.display = "";
}
}
</SCRIPT>
这里是BODY里的内容
<DIV class=fontSize id=putinet14 style="DISPLAY: none"><A
href="javascript:doZoom(18)">增大</A> <A
href="javascript:doZoom(16)">适中</A> <SPAN>减小</SPAN></DIV>
<DIV class=fontSize id=fs14><A
href="javascript:doZoom(18)">增大</A> <SPAN>适中</SPAN> <A
href="javascript:doZoom(14)">减小</A></DIV>
<DIV class=fontSize id=fs16 style="DISPLAY: none"><SPAN>增大</SPAN> <A
href="javascript:doZoom(16)">适中</A> <A
href="javascript:doZoom(14)">减小</A></DIV>