js-example

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>

 

posted @ 2019-11-17 08:50  柠檬abcd  阅读(240)  评论(0)  编辑  收藏  举报