前端

js-example

云博小周宇1 Min Read

1 、 字体放大，缩小

<body>
    <div class="wrapper">
        <button id="btn1">放大</button>
        <button id="btn2">缩小</button>
        <p>Lorem ipsum dolor Similique perferendis impedit quibusdam doloribus</p>
    </div>
</body>
</html>
<script> $(document).ready(function (e) { var csssize=($(‘p‘).css("font-size"));//获取p的fontsize
        var unit=csssize.slice(-2);//截取px
        var fontSize=parseInt(csssize)//转换为整形
        $(‘#btn1‘).click(function () { fontSize=fontSize+2; console.log(fontSize); $(‘p‘).css("fontSize",fontSize+unit) }); $(‘#btn2‘).click(function () { fontSize=fontSize-2; console.log(fontSize); $(‘p‘).css("fontSize",fontSize+unit) }); }) </script>