<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<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>
<br /><br />
<DIV id=contentText>懶人圖庫 學會偷懶，并懶出境界是提高工作效率最有效的方法！</DIV>
<p>說明：此方法有別于之前發布的<a href="<p>整理：懶人西西</p>
<p>查找更多代碼，請訪問：<a href="</body>
</html>
掃一掃添加微信
建站咨詢
如您有網站建設方面的需要，歡迎給我們留言或在線咨詢 *