当前位置：Gxlcms > JavaScript > 一个实现字体大中小方法的JavaScript代码

一个实现字体大中小方法的JavaScript代码

时间：2021-07-01 10:21:17 帮助过：5人阅读

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>实现字体大中小的另一种方法</title> 
<style type="text/css"> 
 
</style> 
<SCRIPT type=text/javascript> 
function $(xixi) { 
return document.getElementById(xixi); 
} 
//转换字号 
function doZoom(size){ 
if(size==12){ 
$("contentText").style.fontSize = size + "px"; 
$("fs12").style.display = ""; 
$("fs14").style.display = "none"; 
$("fs16").style.display = "none"; 
} 
if(size==14){ 
$("contentText").style.fontSize = size + "px"; 
$("fs12").style.display = "none"; 
$("fs14").style.display = ""; 
$("fs16").style.display = "none"; 
} 
if(size==16){ 
$("contentText").style.fontSize = size + "px"; 
$("fs12").style.display = "none"; 
$("fs14").style.display = "none"; 
$("fs16").style.display = ""; 
} 
} 
</SCRIPT> 
</head> 
<body> 
大 中 <SPAN>小</SPAN> 
大 <SPAN>中</SPAN> 小 
<SPAN>大</SPAN> 中 小

我是你的玫瑰花 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

一个实现字体大中小方法的JavaScript代码

人气教程排行