zoukankan      html  css  js  c++  java
  • 字体变化,大小,繁简体的转变方法2

    <!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="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文件 

  • 相关阅读:
    Redis 5.0 redis-cli --cluster
    Redis使用redis-trib.rb创建带密码的集群问题总结
    Docker实战之Redis-Cluster集群
    kafka作为流式处理的上一层,为什么吞吐量那么大?
    LAMP 实现全过程及wordpress的搭建
    mysql
    Mysql读写分离方案-MySQL Proxy环境部署记录
    Centos7.5部署MySQL5.7基于GTID主从复制+并行复制+半同步复制+读写分离(ProxySQL)
    iptables
    Nginx+Keepalived高可用集群
  • 原文地址:https://www.cnblogs.com/iris-yx/p/3378404.html
Copyright © 2011-2022 走看看