代码使用指南

您所在的位置:网站首页 建站相关 代码使用指南  

实现字体大中小的另一种方法

2016-9-28|发布:合元网络|点击数: 1047

<!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"> 
<!-- 
body {font-size:14px} 
--> 
</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> 
<DIV class=fontSize id=fs12 style="DISPLAY: none"><A 
href="javascript:doZoom(16)">大</A> <A 
href="javascript:doZoom(14)">中</A> <SPAN>小</SPAN></DIV> 
<DIV class=fontSize id=fs14><A 
href="javascript:doZoom(16)">大</A> <SPAN>中</SPAN> <A 
href="javascript:doZoom(12)">小</A></DIV> 
<DIV class=fontSize id=fs16 style="DISPLAY: none"><SPAN>大</SPAN> <A 
href="javascript:doZoom(14)">中</A> <A 
href="javascript:doZoom(12)">小</A></DIV> 


 
<DIV id=contentText>我是你的玫瑰花</DIV> 
</body> 
</html> 

 

 

分享到:
CopyRight 2012-2017 合元网络 版权所有
公司地址:郑州市高新区升龙又一城A区2号楼2单元17楼 热线电话:15303843903 技术QQ:1808040020 微 信:15303843903 豫ICP备14027215号