码迷,mamicode.com
首页 > Web开发 > 详细

js-example

时间:2019-11-17 10:57:00      阅读:89      评论:0      收藏:0      [点我收藏+]

标签:amp   截取   span   html   sum   ons   放大   edit   bsp   

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

标签:amp   截取   span   html   sum   ons   放大   edit   bsp   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!