| <!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"> | |
| .style1 | |
| { | |
| height: 27px; | |
| text-align: right; | |
| } | |
| .style2 | |
| { | |
| height: 20px; | |
| } | |
| </style> | |
| <script language="javascript" type="text/javascript" src="ChangeFont.js"></script> | |
| <script language="javascript" type="text/javascript"> | |
| // <![CDATA[ | |
| var size = 12, height = 16; | |
| function Button4_onclick() { | |
| var tdObject = document.getElementById("tdText"); | |
| tdObject.innerHTML = ConvertToTraditionalChinese(tdObject.innerHTML); | |
| } | |
| function Button1_onclick() { | |
| if (size>6) { | |
| document.getElementById("tdText").style.fontSize = (--size) + 'pt'; | |
| document.getElementById("tdText").style.lineHeight = (--height) + 'pt'; | |
| } | |
| } | |
| function Button2_onclick() { | |
| if (size < 50) { | |
| document.getElementById("tdText").style.fontSize = (++size) + 'pt'; | |
| document.getElementById("tdText").style.lineHeight = (++height) + 'pt'; | |
| } | |
| } | |
| function Button3_onclick() { | |
| var tdObject = document.getElementById("tdText"); | |
| //alert(tdObject.innerHTML); | |
| tdObject.innerHTML = ConvertToSimplifiedChinese(tdObject.innerHTML); | |
| } | |
| // ]]> | |
| </script> | |
| </head> | |
| <body> | |
| <table style="width:100%;"> | |
| <tr> | |
| <td class="style1"> | |
| </td> | |
| <td class="style1"> | |
| 更改字体<input id="Button1" type="button" value="小" onclick="return Button1_onclick()" /><input id="Button2" | |
| type="button" value="大" onclick="return Button2_onclick()" /><input id="Button3" type="button" value="简体" onclick="return Button3_onclick()" /><input | |
| id="Button4" type="button" value="繁体" onclick="return Button4_onclick()" /></td> | |
| <td class="style1"> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td class="style2"> | |
| </td> | |
| <td class="style2" id="tdText"> | |
| 中华人民共和国 | |
| </td> | |
| <td class="style2"> | |
| </td> | |
| </tr> | |
| </table> | |
| </body> | |
| </html> | |
在vs2010中新建网站，写入上述代码，网站->添加现有项--选择changefont.js文件
