首页 > Web开发 > 详细

js-example

时间:2019-11-17 10:06:51      阅读:105      评论:0      收藏:0      [点我收藏+]

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>

 

js-example

原文:https://www.cnblogs.com/pengppp/p/11875342.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!