zoukankan      html  css  js  c++  java
  • jQuery——修改网页字体大小

    HTML:

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <link type="text/css" href="09.css" rel="stylesheet"/>
            <script type="text/javascript" src="jquery.js"></script>
            <title></title>
        </head>
        <body>
            <h1>wo men</h1>
            <p>cfjdsmc edvc ewrd csd wrvc d  2e34efrew8r934efc cred  ewfced
            vefwid cfer fd 3ew fcxdwdkjfdke fewf dewkdse fcedwfewdfcs
            fre dfc ed fcejfoklew ferf
            defedefcd</p>
            <input type="button" id="big" value="放大"/><br />
            <input type="button" id="small" value="缩小"/>
            <script type="text/javascript">
                $("input").click(function(){
                    var t = $("p").css("font-size")
                    var t1 = parseInt(t, 10)
                    var unit = t.slice(-2)
                    var name1 = $(this).attr("id")
                    if(name1 == "big"){
                        t1 += 2
                    }
                    else if(name1 == "small"){
                        t1 -= 2
                    }
                    $("p").css("font-size", t1+unit)
                })
            </script>
        </body>
    </html>

    END

  • 相关阅读:
    A+B Problem
    迭代平方根
    猴子报数
    分数求和
    猴子吃桃
    钻石
    杨辉三角形
    MYSQL 5.7 修改密码、登录问题
    SQL 语句 explain 分析
    重构CMDB,避免运维之耻
  • 原文地址:https://www.cnblogs.com/sunshine-blog/p/7124097.html
Copyright © 2011-2022 走看看